☰

Google Maps API でマウスのスクロールホイールのスケーリングを無効にする方法 質問する

tag-icon • tag-icon jquery google-maps google-maps-api-3 jquery-plugins
Google Maps API でマウスのスクロールホイールのスケーリングを無効にする方法 質問する

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
};

ベストアンサー1

Maps APIのバージョン3ではscrollwheel、マップオプションプロパティ：

options = $.extend({
    scrollwheel: false,
    navigationControl: false,
    mapTypeControl: false,
    scaleControl: false,
    draggable: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}, options);

Maps APIのバージョン2を使用している場合は、スクロールホイールズームを無効にする()API 呼び出しは次のようになります。

map.disableScrollWheelZoom();

scrollwheelMaps API バージョン 3 ではズームはデフォルトで有効になっていますが、バージョン 2 では API 呼び出しで明示的に有効にしない限り無効になっていますenableScrollWheelZoom()。

おすすめ記事