[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
2022-03-17 17:40:43
質問
Google Maps API (v3) を使用して、ページ上にいくつかの地図を描いています。ひとつだけ、マウスホイールを地図の上でスクロールさせたときのズームを無効にしたいのですが、方法がわかりません。
scaleControlを無効にした(つまり、スケーリングUI要素を削除した)のですが、これではスクロールホイールのスケーリングを防ぐことができません。
以下は、私の機能の一部です(簡単なjQueryプラグインです)。
$.fn.showMap = function(options, addr){
options = $.extend({
navigationControl: false,
mapTypeControl: false,
scaleControl: false,
draggable: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}, options);
var map = new google.maps.Map(document.getElementById($(this).attr('id')), options);
// Code cut from this example as not relevant
};
解決方法は?
Maps API のバージョン 3 では、単純に
scrollwheel
オプションで false を指定します。
マップオプション
プロパティを使用します。
options = $.extend({
scrollwheel: false,
navigationControl: false,
mapTypeControl: false,
scaleControl: false,
draggable: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}, options);
Maps API のバージョン 2 を使用している場合は、Maps API のバージョン 2 を使用するために disableScrollWheelZoom() 以下のようなAPIコールがあります。
map.disableScrollWheelZoom();
は
scrollwheel
Maps API のバージョン 3 ではズームはデフォルトで有効になっていますが、バージョン 2 では
enableScrollWheelZoom()
APIコールを使用します。
関連
-
[解決済み] Microsoft JSONの日付はどのようにフォーマットするのですか?
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] jQuery select onChangeの値を取得する。
-
[解決済み] Google Maps JS API v3 - シンプルな複数マーカーの例
-
[解決済み] jQueryでPUT/DELETEリクエストを送信する方法は?
-
[解決済み] 変更イベントでradioを使用するには?
-
[解決済み] jQuery: テーブルの行数を数える
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] jQueryでval()がchange()をトリガーしない
-
[解決済み] jQuery: テキストで要素を検索する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jquery mobileでページ中央のグリッド表示
-
[解決済み] jQueryです。簡単なオーバーレイを作成するにはどうすればよいですか?
-
[解決済み] クラスメソッド内の "this "をタイプスクリプトで記述する
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] jQueryでPUT/DELETEリクエストを送信する方法は?
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] jQueryを使用してspanに値を設定する方法
-
[解決済み] jQuery removeClass ワイルドカード
-
[解決済み] jQueryの検証:デフォルトのエラーメッセージを変更する