kdcsライブラリー

Google MAPを開き、住所や建物名で検索し、「共有」から「地図の埋め込み」でマップを自分のサイトへ張るためのソースコードが取得できるが、そのまま貼り付けるとズーム（縮尺率）がいまいち。
そこでズームを変更できないか調べたところ、コード中にありました。

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3245.034592910794!2d139.54820295121502!3d35.57753798012147!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018f714e80d4cd7%3A0x3c6198e779c70068!2z44Gf44G-44OX44Op5pW05L2T6Zmi!5e0!3m2!1sja!2sjp!4v1530087764817" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

コード中の13.1の部分、数字を大きくするとワイドになる

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');

グーグルマップを静止画で表示できる「Google Static Maps」もバージョン２になりました。
携帯サイトで地図を掲載する場合に利用しています。
v2になったことで、こちらもMaps API キーがなくても使用できるようになりました。

javascriptを使用しません。
imgタグで記述できるので簡単です。　（デフォルトはpng）
画像の出力はgif、jpg、pngから選択できるようになっています。
携帯サイトでマップを表示する場合、gifをサポートしている端末が多いのでgifを指定します。「&format=gif」で指定します。
マップアイコンもgif形式で作成します。

1 人の閲覧者が 1 日にリクエストできるユニークな（一意の）画像は 1000 件までという制限があるのでアクセスの多いサイトでは利用できないかもしれません。

(続きを読む…)

バージョン３は基本的にＩＥ７以上ですが内容によってはＩＥ６でも表示できます。
マップキーを取得しないで利用できます。
アイコンはpngファイルで作成
地図の移動、拡大縮小のナビゲーションコントローラー（大）は400x350px以上のとき表示

(続きを読む…)