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>
上の埋め込みタグの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>