Google Mapsのスクロール無効化とモバイル時だけのドラッグ無効化 - Birth of the Fool
2015-01-03 Google Mapsのスクロール無効化とモバイル時だけのドラッグ無効化 Maps WebDev Google Mapsを埋め込む時に、動いて欲しくないときがよくある。個人的には、ワンページレイアウトやモバイルも含むRWDのウェブサイトを作ることが多いので、基本的に動いて欲しくない。 それはオプションに渡す値次第でなんとかなる。鍵となるのは、scrollwheelとdraggableで、それぞれにfalseを指定すれば無効になる。 いまいちど確認しておくと、地図のスクロールを拒否する理由は、ワンページレイアウトでページ全体をスクロールしていく時に、そのままだと地図の場所でスクロールを延々と続けてしまうから。ドラッグを拒否したいのは、モバイル機器のタッチパネル上でスワイプする際に今述べたようなことと同じ状況がおきてしまうから。 ここでは、デスクトップのドラッグは問
Googleマップの上でのスクロール動作を無効にする | Hack
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>
【Googleマップ】Google Maps API V3 で複数のオリジナルマーカーを表示、マーカーをクリックで新規ウィンドウのリンクをつける｜ホームページ制作・アプリ開発のハウツーをより実践的に。- ウェブ式 –
Warning: Use of undefined constant WPLANG - assumed 'WPLANG' (this will throw an Error in a future version of PHP) in /home/users/1/qood/web/webshiki/admn/sitedata/plugins/head-cleaner/head-cleaner.php on line 270 HOME → Warning: Use of undefined constant url - assumed 'url' (this will throw an Error in a future version of PHP) in /home/users/1/qood/web/webshiki/admn/sitedata/themes/webshiki/singl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
