Googleマップをサイトやブログへ埋め込む方法


Googleマップをサイトやブログへ埋め込む方法ですが、私もすぐに忘れてしまうので備忘録として記事を書きます。

Googleマップのサイトやブログへの埋め込み


公式ページにも掲載されていますのでそちらも参考にしてみてください。

地図を埋め込む – マップ ヘルプ

Googleマップにアクセス

Googleマップ

もしくはGoogle検索をして、検索窓の下の「地図」をクリック。
今回は「神宮球場」で検索してみました。
Google検索

メニューを表示


Googleマップが表示されたら、左上の赤丸の部分をクリックするとメニューが出てきます。
Googleマップ

地図を共有または埋め込むをクリック

メニュー中の「地図を共有または埋め込む」をクリックします。
Googleマップメニュー

ソースコード取得画面が表示されますので、「地図を埋め込む」を選択。
ソースコード取得画面

地図の大きさを選択


赤い印の部分をクリックすると地図の大きさを選べます。デフォルトでは「中」となってますが、「大」「中」「小」「カスタム」と選択可能です。

大:幅800×縦600
中:幅600×縦450
小:幅400×縦300
カスタム:ご自由に入力可能

Googleマップ 大きさ選択

ソースコードをコピー

大きさを選択したら、表示されているソースコードをコピーします。

ソースコードをサイトやブログへ貼り付け

コピーしたソースコードをご自身のサイトやブログのお好きなところにペーストします。

これで完了です。

以上、Googleマップをサイトやブログへ埋め込む方法でした。


コメントする

CAPTCHA