Google mapをHTML埋め込み要素として取得して表示

簡単にできて、応用が利くのでまとめておきます。

HTML要素の取得

まずはGoogle mapを開き、表示したい場所を検索するかピンを立てます。

ハンバーガーメニューを開き「地図を共有または埋め込む」をクリックします。

共有が開かれたら、地図を埋め込むをクリックします。

埋め込みたいサイズを指定してHTMLをコピーをクリックします。

HTML要素を埋め込む

埋め込みは簡単です。
表示したいページにコピーしてきたHTMLを貼り付けるだけで以下のように表示することができます。