高德地图js接口 处理鼠标滚轮事件

地图中 鼠标滚轮事件被用来缩放地图。但是我不想要这个功能,想让滚轮控制窗口上下滑动,代码怎么写

阅读 13.8k
2 个回答

高德官方平台有地图应用开发的API说明文档,通过文档可知通过改变地图scrollWheel属性即可控制鼠标滚轮是否缩放地图大小;文档说明及代码如下(代码已测):
scrollWheel Boolean 地图是否可通过鼠标滚轮缩放浏览,默认为true。此属性可被setStatus/getStatus 方法控制

var map = new AMap.Map(divId,{
                 resizeEnable: false,
                 zoom: 11,
                 scrollWheel:false,
                
            });
            //监听地图的click事件,点击地图,允许鼠标滚轮缩小或放大地图
                var clickEventListener = map.on('click', function() {
                map.setStatus({scrollWheel:true});
            });
            //监听地图的mouseout事件,鼠标移出地图区域,鼠标滚轮缩小或放大地图功能取消
            var mouseOutEventListener = map.on('mouseout',function(){
            map.setStatus({scrollWheel:false});
        });

鼠标滚轮事件应该是写在高德的js中的,一定要这么实现的话,应该是引入自己修改的高德js文件,修改其中的滚轮触发事件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题