當前位置:編程學習大全網 - 源碼下載 - 如何批量轉換為百度經緯度

如何批量轉換為百度經緯度

如何批量轉換為百度經緯度

摘要:

百度地圖API的官網上提供了常用坐標轉換的示例。但是,壹次只能轉換壹個,真的非常麻煩!!這裏結合了官方的示例,自制壹個批量轉換工具,供大家參考。

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

因為我沒有GPS坐標,就拿谷歌坐標做個示例了。

首先要註意的是,百度和谷歌的經緯度坐標順序是相反的。

比如,谷歌的經緯度是

new google.maps.LatLng(39.90762965106183, 116.3786889372559)

傳入坐標轉換接口的百度經緯度應該是

new BMap.Point(116.3786889372559,39.90762965106183)

所以,我建立壹個數組,存放轉換前的經緯度。創建百度的坐標點,但是用谷歌的經緯度。

//註意:百度和谷歌的經緯度坐標順序是相反的。

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)

];

然後調用官方公布的接口

BMap.Convertor.transMore(points,2,callback);

自己對這個坐標轉換接口做了修改,讓它可以多次返回結果。註意看註釋部分。

據說,百度坐標轉換接口,有50次/秒的限制。

function transMore(points,type,callback){

for(var index in points){

if(index > 50){return;}

var xyUrl = "/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);

}

}

進過上壹步,坐標就轉換好了。成為百度坐標了。但這時的百度坐標是加密的。看不懂……

好在,我們可以直接利用這些加密的編碼創建出Marker標註點。獲取到對象後,直接使用即可。

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);// 由於寫了這句,可以每壹個被轉的點都是中心點的過程

}

到這裏,批量轉換就講完啦~~

下面說說我自己添加的其他功能:如何獲取地圖上的坐標點。

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

如何獲取地圖上的坐標點,經緯度?

先說說谷歌的:給地圖添加事件,點擊地圖後直接彈出。

google.maps.event.addListener(map, 'click', function(e) {

alert(e.latLng);

});

在說說百度的,也是給地圖添加事件。

map.addEventListener("click",function(e){

alert(e.point.lng + "," + e.point.lat);

});

大家發現谷歌和百度有什麽不同了沒有?

對了,谷歌的經緯度像是封裝在壹起了樣。而百度的經緯度是分開地~~~

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

全部源代碼:

有兩個文件,壹個是htm,另壹個是修改後的官方坐標轉換js。

批量轉換.htm

<!DOCTYPE html>

<html>

<head>

<meta /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="/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>

changeMore.js

//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 = "/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;

})();

  • 上一篇:qq圖片怎麽轉到微信
  • 下一篇:Android手機端有哪些是目錄樹視圖的文件管理器?就是圖上那樣,圖上的是X-plore,目前我唯
  • copyright 2024編程學習大全網