点标记对地图操作是非常有用的。AMap.Marker是用来往地图上添加点标记的类。今天我要实现一个实用的小功能,通过拖拽点标注获取指定位置的经纬度。我在上次创建好的地图上继续操作。

创建点标记

使用AMap.Marker创建了一个点标注实例,并指定显示点标注的地图对象和可拖拽参数。

JavaScript
var marker = new AMap.Marker({
        draggable : true,
        map : map
});

绑定事件

给点标注绑定'dragging'事件,当用鼠标拖拽点标注时产生事件,在事件处理代码中显示当前位置经纬度。

JavaScript
marker.on('dragging',function(e){
    document.getElementById("curpos").innerHTML=marker.getPosition();
});

最后,做出来的效果是这样的。前往体验
curpos

标签: none

添加新评论