GoogleMapの埋め込みコードを取得する方法がまたまた変わっていました

GoogleMapの埋め込みコードを取得する方法が最近また変わったみたいなので、手順を書きました。

もし困っている方がいらっしゃいましたらご参考ください。

GoogleMapの地図の埋め込みコードを取得する方法

今回は例としてPCで操作、ブラウザーはGoogle Chromeを使用して「スカイツリー」周辺の地図の埋め込みコードを取得します。

それではさっそく。

まずは、Google検索で「スカイツリー」というキーワードで検索します。

下の画像のように、「地図」へのリンクがあればクリックしましょう。GoogleMapの画面へ移動します。

googlemapembed201501

下の画像のように、検索結果の右部にある画像や地図をクリックしてもGoogleMapの画面に移動できます。

googlemapembed201500

どちらの方法でもいいので、GoogleMapの画面に移動しましょう。

次に、表示した画面の左上にメニューアイコンがあります。下の画像の赤枠で囲ってある箇所です。ちょっとわかりにくい気がしますね。

googlemapembed201502

メニューアイコンをクリックすると、下の画像のようにメニューが開きますので「地図を共有または埋め込む」をクリックします。

googlemapembed201503

画面中に下のような表示が出てきますので、「地図を埋め込む」をクリックします。

googlemapembed201504

下の画像の赤枠で囲ってある部分が埋め込みコードです。

googlemapembed201505

ストリートビューの埋め込みコードの取得方法も変わった

ストリートビューの埋め込みコードを取得したい場合は、下の画像のようにストリートビューの画面に切り替えたあと、下の画像のように赤枠で囲ってある部分をクリックして「画像を共有または埋め込む」をクリックします。

googlemapembed201507

その後の埋め込みコードの取得は、地図の手順と同じです。

埋め込みコードを取得する際の注意

下の画像のように、GoogleMapの完全版を使用している状態でないと、埋め込みコードの取得ができませんでした。

googlemapembed201506

もし「埋め込みコードの取得ができないな・・・」という場合は、今使用しているGoogleMapが完全版になっているかどうかを念のため確認した方がいいです。ライトモードだと埋め込みコードが取得できません。

というわけで、GoogleMapの埋め込みコードの取得で困っている方がいらっしゃいましたらご参考ください。

著者:bouya Imamura