javascript - 高德地图js接口 处理鼠标滚轮事件
大家讲道理
大家讲道理 2017-04-10 15:21:14
[JavaScript讨论组]

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

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
伊谢尔伦

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

迷茫

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

var map = new AMap.Map(pId,{
                 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});
        });
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号