百度地图坐标拾取


思路:使用百度地图自定义控件实现。

直接上js代码:


function PickupControl() {
	 //this.defaultAnchor = BMAP_ANCHOR_TOP_RIGHT;
	 this.defaultAnchor = BMAP_ANCHOR_BOTTOM_RIGHT;
	 this.defaultOffset = new BMap.Size(10, 10);
}

 // 通过JavaScript的prototype属性继承于BMap.Control
 PickupControl.prototype = new BMap.Control();

 // 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回
 // 在本方法中创建个div元素作为控件的容器,并将其添加到地图容器中
 PickupControl.prototype.initialize = function (map) {
	 // 创建一个DOM元素
	 var div = document.createElement("div");
	 div.innerHTML = '<div id="eventPickup"></div>';

	 // 添加DOM元素到地图中
	 map.getContainer().appendChild(div);
	 // 将DOM元素返回
	 return div;
 }
 // 创建控件
 var myPickupCtrl = new PickupControl();
 // 添加到地图当中
 map.addControl(myPickupCtrl);

 // 坐标拾取    
 var id = document.getElementById("eventPickup");
 map.addEventListener("mousemove", function (e) {
	 var point = e.point;

	 var longi = point.lng; //e.point.lng;
	 var lati = point.lat; //e.point.lat;
	 var baiduPoint = new BMap.Point(longi, lati);
	 var pointGps = BaiduToGpsPoint(baiduPoint); // 转成GPS坐标传出去,实时显示到框架

	 
	 id.innerHTML = pointGps.lng.toFixed(6) + "," + pointGps.lat.toFixed(6);
 });

其中,BaiduToGpsPoint()是我自己写的百度坐标转GPS的函数。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值