2019.02.07GoogleMapの共通を使ってマップを埋め込む際、iframeをコピペして自作のhtmlに張り付けるだけでマップが取り込めて大変便利なのですが。縮尺が勝手に調整されて意図とした大きさで表示されず困ることがありますよね。いうことで今回は、埋め込みgoogleマップの縮尺を調整する方法をご紹介します。目次srcの一部を書き換えるだけで縮尺調整する!4f13.1を!4f50に変更してみるデフォルト詳細(!4f1)広域(!4f180)srcの一部を書き換えるだけで縮尺調整する答えは案の定って感じですが、iframeのsrcの一部を書き換えることです。対象はsrcの中の、!4f13.1の部分で、13.1の部分が縮尺を表す数値になります。1~180(詳細~広域)の間で変更可能なようです。具体的には、次のような感じです。allowfullscreen></iframe>結果デフォルト(13.1)に比べると少しだけ、広域表示に変わりました。比較のため下記にデフォルト(13.1)それから、最詳細、最広域のサンプルを記載しておきます。詳細「1」から広域「180」の例は極端な比較例になりますが、「!4f」以下の数値を変更することで、この範囲内で拡大率を調整できますので、是非ご自分のお好みの比率を見つけてください。関連記事WEB制作の参考に文字数を削りたい!「お問い合わせ」でよく使われる表記はどれかを調査してみた結果、お問合わせ?お問い合せ?お問合せ?デザインやコーディングの際、あと1文字削ればはまるのにといったときどこを削る?「お問い合わせ」の場合は「お問合わせ」、「お問い合せ」、「お問合せ」、、どれが最適なのかを検索結果から推考してみました。cssのみで三角形・矢印やリボンを表現する最新の方法、レスポンシブにも対応!【css】要素を回転させるときの基準点を設定する方法ホームWEB制作の参考にカテゴリーコーディングhtmlcssjavascriptjQueryphpWordpressPythonデザインフォントWEB制作の参考にお役立ち情報スポンサーリンクWEBクリエイターの部屋の中の人KEZOWEB制作者としてフリーランスで10年以上。現在はWEB作成企業数社と契約し年間100件以上の案件を手掛る。WEBクリエイターの部屋ではWEB制作に役立つ知識とノウハウを提供します。Reserved.メニューホームコーディングhtmlcssjavascriptjQueryphpWordPressPythonデザインフォントWEB制作の参考にお役立ち情報ホーム検索トップサイドバーカテゴリーコーディングhtmlcssjavascriptjQueryphpWordpressPythonデザインフォントWEB制作の参考にお役立ち情報スポンサーリンクWEBクリエイターの部屋の中の人KEZOWEB制作者としてフリーランスで10年以上。現在はWEB作成企業数社と契約し年間100件以上の案件を手掛る。WEBクリエイターの部屋ではWEB制作に役立つ知識とノウハウを提供します。map埋め込みの際拡大率、縮小率などの縮尺を調整する方法2019.02.072019.04.22。