核心提示: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); }); |