Googleマップの上でのスクロール動作を無効にする

harada 14,552views 更新:2015年6月11日

Googleマップをサイトに埋め込む場合、デフォルトではマップの上でスクロール動作をすると、地図の拡大縮小が行われます。
時と場合によっては便利なこともありますが、ただの地図として表示したい場合や、画面フル幅で表示している場合はスクロールがそこで止まってしまって邪魔になります。

iframeで無効にする方法

iframeの記述の中にstyle="pointer-events:none;"を追加します。実際には以下のようになるかと思います。

<iframe src="https://www.google.com/maps/embed?xxxxxx" width="100%" height="300" frameborder="0" style="border:0;pointer-events:none;"></iframe>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません