Googleマップの1地点のみを埋め込む場合はとても簡単です。2カ所以上の地点を1つの地図に示し埋め込む場合はマイマップを利用し埋め込みます。
どちらも縮尺の調整ができます。
「+」「-」のアイコンで縮尺を調整した後に、共有をクリックします。
マイマップを利用します。Googleのアカウントにログインします。
すでに作成した地図がある場合は「新規作成」と表示されます。
マイプレイス→マイマップ
地点を追加
東京駅と有楽町駅を地図に追加しました、共有をクリックします。
共有する相手の条件と共有の制限
リンクを知っている全員に変更する
メニューボタンより「自分のサイトに埋め込む」を開きます。
自分のサイトに埋め込む
「自分のサイトに埋め込む」は次のようなコードです。(わかりやすいように改行しています)
<iframe src=
“https://www.google.com/maps/d/u/0/embed?mid=14MyPvyXXZ18R8ysaVtospzxXeQAOKFYI” width=”640″ height=”480″
</iframe>
<iframe src=
“https://www.google.com/maps/d/u/0/embed?mid=14MyPvyXXZ18R8ysaVtospzxXeQAOKFYI&z=15” width=”640″ height=”480″>
</iframe>
<iframe src="https://www.google.com/maps/d/u/1/embed?mid=1OuYzkpW4Njx8PeBldY-HMp899RoiCbXe&z=15"
width="640" height="480"></iframe>
画像でわかるように有楽町駅の経度と緯度は、「35.67491, 139.76281」であると記載されています。
東京駅ではなく、任意の地点(ポイント3)を地図の中心とする場合、ポイント3をクリックすると、緯度と経度が表示されます。その地点の緯度と経度を記述すると、表示される地図の中心点がその地点になります、
<iframe src=
“https://www.google.com/maps/d/u/0/embed?mid=14MyPvyXXZ18R8ysaVtospzxXeQAOKFYI&z=15&ll=35.68137,139.76564” width=”640″ height=”480″>
</iframe>
実際の地図
黄色のポイント3を中心にしています。
地図の作成