思路:使用百度地图自定义控件实现。
直接上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的函数。