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

deusrwvf 2011-10-08

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

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坐标，就拿谷歌坐标做个示例了。

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

比如，谷歌的经纬度是

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 = "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);
    }
}
进过上一步，坐标就转换好了。成为百度坐标了。但这时的百度坐标是加密的。看不懂……

好在，我们可以直接利用这些加密的编码创建出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。

<!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
deusrwvf

deusrwvf

相关推荐

通过OpenGL理解前端渲染原理（1）

通过OpenGL理解前端渲染原理，本文着重介绍渲染管线工作流程。OpenGL，是一套绘制3D图形的API，当然它也可以用来绘制2D的物体。OpenGL有一大套可以用来操作模型和图片的函数，通常编写OpenGL库的人是显卡的制造者。我们买的显卡都支持特定版本

langzi00 / 0评论 2019-09-07

通过百度地图API，将百度坐标转换成GPS经纬度

返回结果坐标是通过base64加密的。这个转换算法百度是不会公开的，而且百度也没有提供百度坐标转成GPS坐标功能，这里我用了取巧的办法。百度坐标和GPS坐标转换在很近的距离时偏差非常接近。v=1.2&0_6#0&6将此坐标输入GPS数据项中

xiaoshe / 0评论 2014-07-10

百度地图坐标转换

return "Point [lat=" + lat + ", lng=" + lng + "]";double theta = Math.atan2 + 0.000003 * Math.cos;

nutian / 0评论 2015-06-02

百度地图SDK for Android【Demo点击屏幕获取地理坐标】

通过手指点击屏幕从而获取所点击点的地理坐标是一个在实际应用中较为常见的功能。下面，我将为大家介绍如何实现此功能。第一步，集成MapView，重写onTouchEvent方法。}第二步，在布局文件中添加上一步自己定义的MapView。</LinearL

linanxiu0 / 0评论 2015-02-06

百度地图坐标转换

首先，我这个Demo背景是用HTML5 Geolocation特性通过GPS设备“爱疯”获取来的地理坐标信息，根据相关法律的规定，GPS获取的原始坐标又不能在互联网上对外提供。其次，不同的API提供商可能会使用不同的坐标系，例如google地图、百度地图、

fengye000 / 0评论 2014-07-22

iOS开发:UIView中的坐标转换

iOS开发笔记，关于UIView中的坐标转换。// 将像素point由point所在视图转换到目标视图view中，返回在目标视图view中的像素值。例把UITableViewCell中的subview的frame转换到 controllerA中。// co

yunhuaikong / 0评论 2013-01-23

Eigen实现坐标转换

设有小萝卜一号和二号在世界坐标系中。一号位姿q1 = [0.35, 0.2, 0.3, 0.1]，t1=[0.3, 0.1, 0.1]。二号位姿q2=[-0.5, 0.4, -0.1, 0.2], t2=[-0.1, 0.5, 0.3].某点在一号坐标系下

清醒疯子 / 0评论 2018-05-27

GPS坐标与百度坐标转换

百度对外接口的坐标系，都是经过国家测绘局加密处理，符合国家测绘局对地理信息保密要求。国际经纬度坐标标准为WGS-84,国内必须至少使用国测局制定的GCJ- 02,对地理位置进行首次加密。百度坐标在此基础上，进行了BD-09二次加密措施,更加保护了个人隐私。

软件设计 / 0评论 2017-07-19

UIView中的坐标转换

IOS－－ UIView中的坐标转换//将像素point由point所在视图转换到目标视图view中，返回在目标视图view中的像素值。例把UITableViewCell中的subview的frame转换到controllerA中。// controlle

软件设计 / 0评论 2017-04-14