[CSS]Google Maps iframeでマウススクロールによる拡大縮小を無効にする方法｜CSS｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」

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

CSS3 Google Maps

スポンサード

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

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

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

iframe {
pointer-events: none;
}

1

2

3

iframe {

pointer-events: none;

}

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

スポンサード

コメント

コメントを残すコメントをキャンセル