[CSS]Google Maps iframeでマウススクロールによる拡大縮小を無効にする方法

CSS

2015.04.192017.10.12

Google MapsをブログやWEBサイトに埋め込む（iframeで読み込ませる）際に、マウススクロールにより地図が拡大縮小してしまわないようにする方法のご紹介です。

Google Maps でスクロールによる拡大縮小を無効化

Google Mapsのiframe要素に、CSS3のpointer-events:noneを指定します。

iframe {
	pointer-events: none;
}

iframe {

pointer-events: none;

}

以下、Google Maps を埋め込んでからiframeにpointer-events:noneを指定したサンプルです。