【珍方備忘録】グーグルマップを記事に埋め込む

グーグルマップをブログに埋め込め

2017年10月某日、フィクサーXより指令が下った。
指令#S1L001: 地点情報が分かりづらいから記事にグーグルマップを埋め込め

ネットを探せばいくらでもこの手の情報は出てくる昨今、わざわざ探すのもメンドイから記事にしておこうと思い立ったので、自分用にメモである。
なおグーグルさんは思い立ったら仕様を遠慮なく変えてくるので、この記事もいつまで有効か不明の助。

グーグルマップを埋め込んでみよう

とりあえずChromeでも開いて場所をググれ

今回のメニューは新宿区にある東京都庁です。
右上に出てくるマップをクリック。

目的地のマップを出したら右上のバーガーメニューを開け

なんでバーガーメニューっていうんでしょう。
三本線がハンバーガーのように見えるから、らしい。

「地図を共有または埋め込む」を選択せよ

これは見たまんま。

地図のサイズを選べ

「地図を埋め込む」のタブの中にサイズがあります。

サイズを決めたらコードををコピペ

このサイトで使っている地図のサイズは800×600です。
サイズの下に埋め込み用コードが入っているのでそれを選んでコピーします。

埋め込みマップが完成

東京都庁

以上、3分間クッキングでした。

(更新:2017年10月)

SNSでシェアする:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です