一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2022-06-25 18:09:56 编辑:袖梨 来源:一聚教程网

本文给大家分享百度地图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;//打印拖动结束坐标

});

热门栏目