地図の埋め込み方法

Google Mapをホームページに埋め込む方法-DesignCMS(WPベース)の場合 

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

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

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

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

 

②【共有】をクリック

 

③【地図を埋め込む】をクリック

 

④埋め込みコードが表示されるので、こちらをコピーする

 

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

 

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

 

⑤地図を埋め込むページで【テキスト】をクリック

 

⑥Google Mapのページで取得した、埋め込みコードを貼り付る

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

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

 

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

 

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