三、百度api事件dragging的使用
- 查找事件官方定义:
http://developer.baidu.com/map/reference/中“类参考/核心类/Map”中的事件
从事件中找到三个关于dragging的动作:
(1) dragstart , {type, target, pixel, point} ,开始拖拽地图时触发。
(2) dragging , {type, target, pixel, point} , 拖拽地图过程中触发。
(3) dragend ,{type, target, pixel, point} , 停止拖拽地图时触发。
- 实现源码:
在<script></script>中引入相应代码
a、实现拖拽动作开始时,返回地图中心点坐标:
map.addEventListener("dragging", function(evt){
var offsetPoint = new BMap.Pixel(evt.offsetX, evt.offsetY); //记录鼠标当前点坐标<br> alert(offsetPoint.x+","+offsetPointY);
});
b、实现拖拽过程中获取当前地图bounds值:
map.addEventListener("dragging", function(evt){
var offsetPoint = new BMap.Pixel(evt.offsetX, evt.offsetY); //记录鼠标当前点坐标<br> alert(offsetPoint.x+","+offsetPointY);
});
c、实现拖拽结束时,返回地图中心点坐标:
map.addEventListener("dragend", function showInfo(){
var cp = map.getCenter();
alert(cp.lng + "," + cp.lat);
});