【WordPress】Google マップをカスタマイズしてページに埋め込む

やりたいこと

ページにGoogle マップを埋め込みたい。

その際、住所や地図の縮尺など、表示方法をカスタマイズしたい。

手順

以下のコードに検索ワードを設定し、ページのカスタムHTMLブロックなどに入力する。

<iframe src="https://maps.google.com/maps?output=embed&q={検索ワード}&z=16" style="border:0;" allowfullscreen="" width="100%" height="400" frameborder="0"></iframe>

使用例

【WordPress】Google マップをカスタマイズしてページに埋め込む - yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 - 【WordPress】Google マップをカスタマイズしてページに埋め込む

幅や高さを変更したい場合は、widthやheightを変更する。

パラメータ

使用できるパラメータは様々あるので、ここでは代表的なものを記載する。

q

検索したい建物名や住所を入力する。

緯度と経度はカンマ区切りで入力することもできる。

z

地図の縮尺を指定する。

使用できるのは0から23の整数まで。

コメントを残す

メールアドレスが公開されることはありません。