天天看點

高德地圖禁用滑鼠縮放使用加減号縮放按鈕縮放地圖,點選開啟關閉,移入移出開啟關閉高德地圖禁用滑鼠縮放使用加減号縮放按鈕縮放地圖

高德地圖禁用滑鼠縮放使用加減号縮放按鈕縮放地圖

var map = new AMap.Map('thisabigmap', {

    resizeEnable: false,

    center: new AMap.LngLat(114.513536,38.044663), // 地圖中心點位置+

    zoom:8, // 初始化地圖縮放級别

    zoomEnable:true, //地圖是否可縮放,預設值為true   

    //dragEnable: false, // 地圖拖拽移動移動

    //doubleClickZoom: true, // 地圖是否可通過輕按兩下滑鼠放大地圖,預設為true

    scrollWheel:false,   // 關閉縮放

});



 //  顯示縮放加減号
AMap.plugin([    //  顯示縮放加減号
  'AMap.ToolBar',
], function(){
  // 在圖面添加工具條控件,工具條控件內建了縮放、平移、定位等功能按鈕在内的組合控件
  map.addControl(new AMap.ToolBar({
    // 簡易縮放模式,預設為 false
    liteStyle: true
  }));
});



//滑鼠滾動縮放時間監聽   可自定義點選後開啟或關閉滑鼠滾動縮放
//監聽地圖的click事件,點選地圖,允許或關閉滑鼠滾輪縮小或放大地圖
var clickEventHandler = map.on('click',function(){
    map.setStatus({scrollWheel:false});  // 是否開始滑鼠滾動縮放
});

//滑鼠移入移出監聽   可自定義移入移出後開啟或關閉滑鼠滾動縮放
//監聽地圖的mouseout事件,滑鼠移出地圖區域,滑鼠滾輪縮小或放大地圖功能取消或開啟
var mouseOutEcentListener = map.on('mouseout',function(){
    map.setStatus({scrollWheel:false});  // 是否開始滑鼠滾動縮放
});







           

繼續閱讀