横幅100%の地図を掲載しているサイトは多いですよね。 しかしマウスホイールでスクロール中にカーソルがGoogleMapの中に入るとMapがの拡大縮小されてしまいスクロールできなくなります。 APIを使って制御するやり方が有名ですが、埋め込みGoogleMapも制御することができます。 ホントはAPI使うのがオススメです。いろいろカスタマイズできるし。 iframeにpointer-events:noneをかけると、マウスイベントを無効にできます。 ただ、それだけだとGoogleMapの機能(スクロールとか拡大縮小)が使えませんので、jQueryでマップをクリックしたときに一時的にマウスイベントを有効にしています。 ▼APIを使ったカスタマイズはこっち Google Maps APIを使って地図をカスタマイズする HTML <div class="map_wrapper"> <iframe
![埋め込みGoogle Mapをスクロールさせないようにする - style01](https://cdn-ak-scissors.b.st-hatena.com/image/square/e8e352bffb5a31f3071c75a6c2d0a51fa9733a23/height=288;version=1;width=512/https%3A%2F%2Fstyle01.net%2Fwp-content%2Fuploads%2F2021%2F02%2Fscreenshot.png)