您现在的位置:首页 >> 前端 >> 内容

百度地图缩放和拖拽的回调函数讲解

时间:2017/10/26 10:53:32 点击:

  核心提示:1.缩放的回调函数 zoomstart {type, target} 地图更改缩放级别开始时触发触发此事件 zoomend {type, target} 地图更改缩放级别结束时触发触发此事件 a...

1.缩放的回调函数

zoomstart {type, target} 地图更改缩放级别开始时触发触发此事件
zoomend {type, target} 地图更改缩放级别结束时触发触发此事件

a、实现缩放动作开始时,返回地图中心点坐标:

map.addEventListener("zoomstart", function(evt){  varcp = map.getCenter(); alert(cp.lng + ","+ cp.lat);});

b、实现缩放结束获取当前地图bounds值:

map.addEventListener("zoomend", function(evt){ varoffsetPoint = newBMap.Pixel(evt.offsetX, evt.offsetY); //记录鼠标当前点坐标
alert(offsetPoint.x+","+offsetPointY); });

2.拖拽的回调函数

dragstart {type, target, pixel, point} 开始拖拽地图时触发
dragging {type, target, pixel, point} 拖拽地图过程中触发
dragend {type, target, pixel, point} 停止拖拽地图时触发

在<script></script>中引入相应代码  

a、实现拖拽动作开始时,返回覆盖物的地理区域范围:

map.addEventListener("dragstart", function(evt){  console.log(evt);  varcp = map.getBounds(); console.log(evt); });

b、实现拖拽过程中获取当前地图bounds值:

map.addEventListener("dragging", function(evt){ varoffsetPoint = newBMap.Pixel(evt.offsetX, evt.offsetY); //记录鼠标当前点坐标
alert(offsetPoint.x+","+offsetPointY); });

c、实现拖拽结束时,返回地图中心点坐标:

map.addEventListener("dragend", function showInfo(){ varcp = map.getCenter(); alert(cp.lng + ","+ cp.lat); });

作者:网络 来源:web_cgh的博客