• RSS

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

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

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

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

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



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



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください