Googleマップをホームページに埋め込む方法

HTML

こんばんは!NAOです。最近は全てと言っても良いほどお店のホームページはでアクセス、Google地図が埋め込まれています。

Googleマップってどうやって表示するんだろう?と以前思っていました。やり方が解らないと凄い難しいプログラムを入れたりするのかね?と思っていました。という事でGoogleマップをホームページに埋め込む方法の備忘録です。

Googleマップをホームページに埋め込む方法

1.Googleマップを開く > 目的の場所を入力する。

今回はサッカーFC東京のスタジアム「味の素スタジアム」にしました。

googlemap
googlemap

2.メニューを選択する。

googlemap
googlemap

3.「地図を共有または埋め込む」をクリックする。

googlemap
googlemap

4.地図を埋め込むを選択 > 選択されたリンクをコピーします。

googlemap
googlemap

5.コピーしたリンクをHTML内のBodyタグ、またはWordPressの記事を書く際にHTMLコードとして貼り付ければ完成です。

Google地図の埋め込み画面

下記は実際に埋め込んだGoogleマップです。このように簡単に動的な地図が表示できます。

GoogleマップをHTMLに埋め込む方法は思っていたより簡単にできました!また役に立つ小技があれば追記します。

それではー!

コメント

タイトルとURLをコピーしました