高德地图禁用鼠标缩放使用加减号缩放按钮缩放地图，点击开启关闭，移入移出开启关闭

最新推荐文章于 2024-04-23 10:40:05 发布

HxxhDaily

最新推荐文章于 2024-04-23 10:40:05 发布

阅读量5k

点赞数 1

分类专栏：高德地图文章标签： js javascript

本文链接：https://blog.csdn.net/qq_35621335/article/details/107727362

版权

高德地图专栏收录该内容

1 篇文章

订阅专栏

高德地图禁用鼠标缩放使用加减号缩放按钮缩放地图

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});  // 是否开始鼠标滚动缩放
});