百度地图坐标拾取

来源:互联网 发布:生产工艺过程演示软件 编辑:程序博客网 时间:2024/05/21 09:28


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

直接上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的函数。

阅读全文
0 0