MapOption – disableDoubleClickZoom

Google Maps JavaScript APIにおいて、表題のオプションを試す。

■ 環境

  • Google Maps JavaScript API v3

■ disableDoubleClickZoom

デフォルトでは地図上をダブルクリックすると、ダブルクリックした地点を中心に地図が拡大される。

下記デフォルト設定の地図。

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 35.681382, lng: 139.766084},
    zoom: 8
  });
}

これを下記のように”disableDoubleClickZoom“を指定する。

var map;
function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 35.681382, lng: 139.766084},
    zoom: 8,
    disableDoubleClickZoom: true
  });
}

ダブルクリックをしても地図が拡大されなくなる。地図の拡大縮小は右下のUIを使用する。もしくはマウスのスクリールで行うことも可能である

以上。

■ 関連