Googleマップにアクセスする https://www.google.co.jp/maps/@35.0061,135.76095,13z?hl=ja 検索エンジンで目的地を検索する。

ここでは横浜市都筑区を検索してみた。

都筑区が薄い赤色で表示されている

その中から「横浜市都筑区区役所」を選んでクリックする。検索窓の左に三本線マークがあるので、そこをクリックすると下にメニューが開く。

「地図を共有又は埋め込む」をクリックする

「リンクを共有」タブ、「地図を埋め込む」タブが表示される

「地図を埋め込む」タブをクリックする

URLが青く表示されているので「右クリック」→「コピー」する

コピーしたコードは下記のようにGoogleマップの位置と表示する大きさなどをソースコードで表されている。

このソースコードをホームページビルダー等を使って「htmlソース」エディタで貼り付ける

「ページ編集」モードで見たところ

プレビューで見たところ

Webブラウザで見たところ

戻る