在地图点击位置获取坐标

Html

Css

 #preview {
	border:1px solid #bfd2e1;
	width:490px;
	height:368px;
	font-family:Arial,Helvetica,sans-serif,"??";
}
#map_container {
	height:368px;
}

var marker_trick = false;
 var map = new BMap.Map("map_container"); //
 map.enableScrollWheelZoom();
 var point = new BMap.Point(113.870171, 22.584336);
 map.centerAndZoom(point, 14);
 window.map = map;

var marker = new BMap.Marker(new BMap.Point(113.870171, 22.584336), {
     enableMassClear: false,
     raiseOnDrag: true
 });
 marker.enableDragging();
 map.addOverlay(marker);

map.addEventListener("click", function(e) {
     if (!(e.overlay)) {
         map.clearOverlays();
         marker.show();
         marker.setPosition(e.point);
         setResult(e.point.lng, e.point.lat);
     }
 });
 marker.addEventListener("dragend", function(e) {
     setResult(e.point.lng, e.point.lat);
 });

function setResult(lng, lat) {
     document.getElementById("result").innerHTML = lng + ", " + lat;
 }

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.10.2

立即下载

在地图点击位置获取坐标



代码描述：在地图上寻找某个地方，获取他的坐标

需要通过一个大致的位置，在地图上寻找具体的位置的伙计们可以将此代码直接复制到你的代码上去修改下你的初始位置，即可尽情使用

2

最新

发表评论全部评论

暂时没有评论！

灿灿大叔0

2017/8/18 17:06:16

好用

dang0

2017/8/29 14:56:19

还行

回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

灿灿大叔

相关代码

在地图点击位置获取坐标

最新