当サイトは広告およびアフィリエイトプログラムによる収益を得ています。
Webサイトに埋め込まれた地図をマウスだけでズームする方法

Webサイトに埋め込まれた地図をマウスだけでズームする方法

Blueskyロゴ Pocketロゴ  はてなブックマークロゴ

所在地などを示すためにGoogleマップを埋め込んでいるWebサイトも少なくありません。ズーム(拡大縮小)しようとマウスのホイールを回すと「地図をズームするには、Ctrlキーを押しながらスクロールしてください」などと表示されることがありますが、マウスだけでも操作することができます。

マップの操作

Googleマップに直接アクセスした際、マウスのホイールをクルクルと回せば拡大縮小をすることができます。

しかし、Webサイトに埋め込まれたマップで同様に操作すると「地図をズームするには、Ctrlキーを押しながらスクロールしてください」などと表示されズームすることができません。これは、ホイールの操作がWebブラウザのスクロールと競合することが原因と思われます。

指示通りにキーボードのCtrlキーを押下すれば良いですが、マウスだけでも操作できるようになっているので、タブレットPCなどで「マウスはあるがキーボードが無い」と言った場合に良いでしょう。

マウスだけで操作するやり方

  1. マウスで地図をクリックしながらホイールを回転させます。
    クリック(左クリック)でも右クリックでも問題ありません。

    Googleマップ

  2. ホイールの向きに応じて地図が拡大縮小します。
    Googleマップ

マウスだけで操作するやり方は以上です。