首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 互联网 >

使用百度mapAPI将谷歌map坐标转换为百度map坐标

2012-07-02 
使用百度地图API将谷歌地图坐标转换为百度地图坐标从谷歌地图坐标转换成百度地图坐标的。http://api.map.ba

使用百度地图API将谷歌地图坐标转换为百度地图坐标

从谷歌地图坐标转换成百度地图坐标的。

http://api.map.baidu.com/ag/coord/convert?from=2&to=4&x=116.254615&y=29.814476返回格式:{"error":0,"x":"MTE2LjI2MTA5OTEyMjE=","y":"MjkuODIwNTYwODc0ODQ2"}

?

其中 x和y是经过base64编码的坐标,可以直接传递给BMap.Point的构造函数(自API 1.1版本开始支持),您也可以使用base64解码工具进行解码。

?

【百度地图API】如何批量转换为百度经纬度

?

因为我没有GPS坐标,就拿谷歌坐标做个示例了。

?

首先要注意的是,百度和谷歌的经纬度坐标顺序是相反的。

比如,谷歌的经纬度是

//这里要循环读入数组points的lng数据,直到points.length完毕。 "&y=" + points[index].lat + "&callback=callback"; //动态创建script标签 load_script(xyUrl); }}

?

进过上一步,坐标就转换好了。成为百度坐标了。但这时的百度坐标是加密的。看不懂……

好在,我们可以直接利用这些加密的编码创建出Marker标注点。获取到对象后,直接使用即可。


?

大家发现谷歌和百度有什么不同了没有?

对了,谷歌的经纬度像是封装在一起了样。而百度的经纬度是分开地~~~


----------------------------------------------------

?

全部源代码:

有两个文件,一个是htm,另一个是修改后的官方坐标转换js。

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><script type="text/javascript" src="changeMore.js"></script><title>批量转换坐标</title></head><body><input onclick="magic();" value="批量转换" type="button" />(据说有50次/秒的限制哦)<hr /><div style="clear:both"><div style="float:left;"><h4>谷歌地图</h4><div style="width:520px;height:340px;border:1px solid gray" id="map_canvas"></div><p>鼠标点击的谷歌坐标是:<span id="info"></span></p><script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script><script type="text/javascript">function initialize() {        var myOptions = {          zoom: 14,          center: new google.maps.LatLng(39.90861722866082, 116.39679921252446),          mapTypeId: google.maps.MapTypeId.ROADMAP        };        var map = new google.maps.Map(document.getElementById('map_canvas'),myOptions);        google.maps.event.addListener(map, 'click', function(e) {          document.getElementById("info").innerHTML = e.latLng;        });        var marker1 = new google.maps.Marker({          position: new google.maps.LatLng(39.90762965106183, 116.3786889372559),          map: map        });        var marker2 = new google.maps.Marker({          position: new google.maps.LatLng(39.90795884517671, 116.38632786853032),          map: map        });        var marker3 = new google.maps.Marker({          position: new google.maps.LatLng(39.907432133833574, 116.39534009082035),          map: map        });        var marker4 = new google.maps.Marker({          position: new google.maps.LatLng(39.90789300648029, 116.40624058825688),          map: map        });        var marker5 = new google.maps.Marker({          position: new google.maps.LatLng(39.90795884517671, 116.41413701159672),          map: map        });      }      google.maps.event.addDomListener(window, 'load', initialize);</script></div><div style="float:left;"><h4>百度地图</h4><div style="width:520px;height:340px;border:1px solid gray" id="container"></div><p>鼠标点击的百度坐标是:(<span id="info2"></span>)</p><script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script><script type="text/javascript">var map = new BMap.Map("container");map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);var i;var markers = [];map.addEventListener("click",function(e){    document.getElementById("info2").innerHTML = e.point.lng + "," + e.point.lat;});//注意:百度和谷歌的经纬度坐标顺序是相反的。var points = [new BMap.Point(116.3786889372559,39.90762965106183),              new BMap.Point(116.38632786853032,39.90795884517671),              new BMap.Point(116.39534009082035,39.907432133833574),              new BMap.Point(116.40624058825688,39.90789300648029),              new BMap.Point(116.41413701159672,39.90795884517671)             ];function callback(xyResult){     if(xyResult.error != 0){return;}//出错就直接返回;    var point = new BMap.Point(xyResult.x, xyResult.y);    var marker = new BMap.Marker(point);    map.addOverlay(marker);    map.setCenter(point);// 由于写了这句,可以每一个被转的点都是中心点的过程}function magic(){    BMap.Convertor.transMore(points,2,callback);}</script></div></div></body></html>

?

//2011-7-25 zhangying(function(){function load_script(xyUrl, callback){    var head = document.getElementsByTagName('head')[0];    var script = document.createElement('script');    script.type = 'text/javascript';    script.src = xyUrl;    //借鉴了jQuery的script跨域方法    script.onload = script.onreadystatechange = function(){        if((!this.readyState || this.readyState === "loaded" || this.readyState === "complete")){            callback && callback();            // Handle memory leak in IE            script.onload = script.onreadystatechange = null;            if ( head && script.parentNode ) {                head.removeChild( script );            }        }    };    // Use insertBefore instead of appendChild  to circumvent an IE6 bug.    head.insertBefore( script, head.firstChild );}function transMore(points,type,callback){    for(var index in points){        if(index > 50){return;}        var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from=" + type +         "&to=4&x=" + points[index].lng + //这里要循环读入数组points的lng数据,直到points.length完毕。        "&y=" + points[index].lat +         "&callback=callback";        //动态创建script标签        load_script(xyUrl);    }}window.BMap = window.BMap || {};BMap.Convertor = {};BMap.Convertor.transMore = transMore;})();

?

?

部分来源:

http://www.cnblogs.com/milkmap/archive/2011/09/29/2195780.html

热点排行