googlemapの埋め込みタグを利用するなら縮尺度にも注目しよう

inframe埋め込みタグでgooglemapを表示したものの、田舎すぎて周辺に何も無い、地図の意味をなさないってことありませんか?

目次

グーグルマップの埋め込みinframeで縮尺度を変更できるの知ってました?

長いURLのところの!4f13.1!の数字(13.1の部分)を変更すると縮尺度が変わりますよ^^ 本当にちょっとしたTipsですが、そういった気遣いが大切なことかなと思ってます。

ノーマルの埋め込みタグはこんな感じ

<iframe src=”https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12966.991898658345!2d139.7454329!3d35.6585805!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x481a93f0d2a409dd!2z5p2x5Lqs44K_44Ov44O8!5e0!3m2!1sja!2sjp!4v1627870713051!5m2!1sja!2sjp” width=”600″ height=”360″ style=”border:0;” allowfullscreen=”” loading=”lazy”></iframe>

縮尺度は!4!13.1!を変更すればOK!

上の埋め込みタグのURLにある !4f13.1! 13.1の数字を変更すれば縮尺度を変更できます!
・13.1が標準値
・それより小さいならより狭い範囲の地図に
・それより大きいなら広域の地図が
表示されます。

!4f5!(13.1より小さく)にすると狭い範囲の地図に

<iframe src=”https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12966.991898658345!2d139.7454329!3d35.6585805!3m2!1i1024!2i768!4f5!3m3!1m2!1s0x0%3A0x481a93f0d2a409dd!2z5p2x5Lqs44K_44Ov44O8!5e0!3m2!1sja!2sjp!4v1627870713051!5m2!1sja!2sjp” width=”100%” height=”360″ style=”border:0;” allowfullscreen=”” loading=”lazy”></iframe>

!4f100!(13.1より大きく)にすると広域の地図に

<iframe src=”https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12966.991898658345!2d139.7454329!3d35.6585805!3m2!1i1024!2i768!4f100!3m3!1m2!1s0x0%3A0x481a93f0d2a409dd!2z5p2x5Lqs44K_44Ov44O8!5e0!3m2!1sja!2sjp!4v1627870713051!5m2!1sja!2sjp” width=”100%” height=”360″ style=”border:0;” allowfullscreen=”” loading=”lazy”></iframe>

目次
閉じる