高德地图JS API学习-点标注
点标记对地图操作是非常有用的。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();
});
最后,做出来的效果是这样的。前往体验