百度地圖點擊和標註拖拽後的經緯度

時間 2019-11-13

標籤百度地圖點擊標註經緯度简体版

原文原文鏈接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello, World</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container"); // 建立地圖實例

var point2 = new BMap.Point(119.164198, 36.704957); // 建立點座標
map.centerAndZoom(point2, 15); // 初始化地圖，設置中心點座標和地圖級別
map.addControl(new BMap.NavigationControl());javascript

var opts = { width: 250, height: 100, title: "濰坊地圖" }; //信息窗口
var infoWindow = new BMap.InfoWindow("<div style='color:red;'>你們好</div>", opts);css

var marker = new BMap.Marker(point2); // 建立標註
map.addOverlay(marker);
marker.enableDragging();
//標註拖拽後的位置
marker.addEventListener("dragend", function (e) {
alert("當前位置：" + e.point.lng + ", " + e.point.lat);
});
//點擊的位置
map.addEventListener("click", function (e) {
//alert("當前位置：" + e.point.lng + ", " + e.point.lat);
var pointClick= new BMap.Point(e.point.lng , e.point.lat);
map.openInfoWindow(infoWindow, pointClick);
});

</script>
</body>
</html>html