ホーム>地図の埋め込み方法

Google Mapをホームページに埋め込む方法

STEP1【Google Mapの地図情報の取得方法】

以下の①~④の通りに作業をし、埋め込みコードを取得してください。

①Google Mapページにお進みいただき、埋め込みたい地図の住所を検索してください。

URL:https://www.google.co.jp/maps

GoogleMap1.jpg

②【共有】をクリックして下さい。

GoogleMap3.jpg

③【地図を埋め込む】をクリックしてください

GoogleMap4.jpg

④埋め込みコードが表示されるので、こちらをコピーして下さい。

GoogleMap5.jpg

STEP3【ブログ記事への反映方法】

以下の手順⑤~⑥の通りに作業をし、埋め込みコードを設置してください。

⑤地図を埋め込むページで【テキスト】をクリックして下さい。

GoogleMap7.jpg

⑥Google Mapのページで取得した、埋め込みコードを貼り付けてください。

※<iframe~・・・></iframe>まで全て貼り付けてください。

以下で地図の縦幅・横幅を設定することができます。

GoogleMap7.jpg

⑦【ビジュアル】をクリックし、地図が反映されているか確認して下さい。

GoogleMap7.jpg

⑧地図が反映されているのを確認し、公開して下さい。

GoogleMap9.jpg