kdcsライブラリー

Google Maps APIの仕様変更により、2016年6月22日から新規サイトでGoogle Mapsを使用する場合は「APIキーが必須」になったもよう・・・

APIキー無し

<script src="https://maps.googleapis.com/maps/api/js"></script>

APIキー有り

<script src="https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXX"></script>

キーの取得はこちらから

【重要】（2016.10.29）
過去に以下の記述をheadに入れている場合、外さなければエラーになり地図が表示されない

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

【重要 Advanced Custom Fields】（2017.2.1）
wordpressの投稿にAdvanced Custom Fieldsを使用する場合function.phpに以下の記述が必要

function my_acf_google_map_api( $api ){
  $api['key'] = 'XXXXXX';
  return $api;
}
add_filter('acf/fields/google_map/api', 'my_acf_google_map_api');

アカウントでログイン後、「キーを取得」をクリック
作業手順がポップアップ画面に表示されますので「続ける」をクリック

名前は任意（そのままAPIキー１でもかまわない）
キーの制限を、HTTPリファラー（ウェブサイト）にする
「作成」をクリック

ウェブサイトのURLは複数設定が可能

googlemaps APIキーの確認や追加のURLがある場合

こちらからログイン→Google Developers Console

こちらからログイン→Google Maps API>ウェブ向け

Google Maps Javascript APIをクリック

ページ中ほどの「デベロッパーコンソール」をクリック

左側メニューの「認証情報」をクリックで表示される

取得したGoogle Map APIキーを Advanced Custom FieldのGoogle Map機能に使う
functions.phpに以下を記述

function my_acf_google_map_api( $api ){
$api['key'] = 'ここにAPIキー';
return $api;
}
add_filter('acf/fields/google_map/api', 'my_acf_google_map_api');