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

发布于 2022-09-01 12:12:50 字数 56 浏览 18 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

栀子花开つ 2022-09-08 12:12:50

高德官方平台有地图应用开发的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});
        });
无所谓啦 2022-09-08 12:12:50

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文