百度地图API之百度地图退拽标记点获取经纬度的实现代码

作者:袖梨 2022-06-25

本文给大家分享百度地图api之百度地图退拽标记点获取经纬度的实现方法,具体代码如下所示:

代码如下 复制代码

body, html,#allmap {

width: 100%;

height: 100%;

margin: 0;

font-family:"微软雅黑";

}

#l-map {

height: 500px;

width: 100%;

}

#r-result {

width: 100%;

}

设置点是否可拖拽

// 百度地图API功能

varmap =newBMap.Map("l-map");

varpoint =newBMap.Point(116.400244,39.92556);

map.centerAndZoom(point, 12);

varmarker =newBMap.Marker(point);// 创建标注

map.addOverlay(marker); // 将标注添加到地图中

marker.enableDragging();

marker.addEventListener("dragend",function(e){//拖动事件

document.getElementById("l-map-lng").value = e.point.lng;

document.getElementById("l-map-lat").value = e.point.lat;//打印拖动结束坐标

});

相关文章

精彩推荐