HTML

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

こんばんは!最近は全てと言っても良いほどお店のホームページではお店までのアクセスページに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に埋め込む方法は思っていたより簡単にできました!googleマップを追加したらサイトのSEOを確認して集客率をあげましょう!

それではー!

ABOUT ME
なお
フルスタックエンジニアを目指すサラリーマン。インフラ、WEBを中心に色んなIT関連情報に手を出したいと思います。
ブログランキング

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


%d人のブロガーが「いいね」をつけました。