`

使用百度地图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坐标,就拿谷歌坐标做个示例了。

 

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

比如,谷歌的经纬度是

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
分享到:
评论
2 楼 maozilee 2014-12-04  
njoiop 写道
看得懂吗,看到这个还不错(http://www.haoservice.com/docs/9),先调用.稍后慢慢研究吧!


百度有原生的不用,谁会用这种不靠谱的第三方服务
1 楼 njoiop 2014-11-26  
看得懂吗,看到这个还不错(http://www.haoservice.com/docs/9),先调用.稍后慢慢研究吧!

相关推荐

    百度地图api离线版,api版本为2.0

    2. **GoogleToBaidu.jar**:这是一个用于将Google地图坐标转换为百度地图坐标的Java类库,方便在使用Google地图数据时,无缝对接到百度地图API。 3. **baiduTilesInfo.js**:这个文件可能包含了百度地图的瓦片信息,...

    谷歌转百度坐标例程及坐标距离计算

    本篇将详细介绍如何进行“谷歌转百度”的坐标转换以及如何计算两个坐标之间的距离。 一、坐标系统简介 1. 谷歌地图坐标系统:主要使用WGS84坐标系,这是一个全球通用的大地坐标系统,基于地球椭球体模型,适用于...

    各地图API坐标系统比较与转换(WGS84坐标系、火星坐标系、百度坐标系、搜狗坐标系、图吧坐标系)

    * 各地图API坐标系统比较与转换; * WGS84坐标系:即地球坐标系,国际上通用的坐标系。设备一般包含GPS芯片或者北斗芯片获取的经纬度为WGS84地理坐标系, * 谷歌地图采用的是WGS84地理坐标系(中国范围除外); ...

    C#调用高德、百度及google地图api解析经纬度及路径计算、位置标注源码

    本篇文章将详细讲解如何使用C#语言调用高德、百度和Google地图的API来实现这些功能,并提供相关源码的解读。 首先,让我们来看一下C#与高德地图API的结合。高德地图提供了丰富的SDK和API,包括JavaScript、Android...

    百度地图JavaScriptAPI离线版.zip

    综上所述,百度地图JavaScript API离线版为开发者提供了在无网络环境下使用地图功能的能力,其丰富的功能和灵活性使得地图应用的开发变得更加便捷。无论是用于企业内部系统还是移动设备上的离线应用,都是一个实用的...

    百度地图和谷歌地图互转

    总的来说,百度地图和谷歌地图互转是一个涉及坐标转换、API使用、GPS数据处理等多个技术环节的过程。开发者需要理解这些概念并掌握相应的工具和技巧,才能有效地在两者之间进行数据迁移和交互。...

    google 地图坐标转换。

    Google地图坐标转换涉及到将不同坐标系之间的点位置进行转换,以便正确地显示地理位置。这篇内容将深入讲解Google地图坐标转换及其相关的JavaScript实现。 首先,我们了解下坐标系统。在地球上定位一个点,有多种...

    GPSUtil.zip_火星坐标_百度坐标_百度坐标相互转换_谷歌坐标

    反之,如果你的数据是在百度地图上获取的,要用于其他系统,也需要将百度坐标转换回火星坐标。这种转换过程通常涉及到数学算法,例如反双曲正弦变换和线性插值等。 4. **谷歌坐标**: 谷歌坐标,也称为WGS84坐标,...

    PHP腾讯地图经纬度转百度地图经纬度类

    它提供了一个便捷的方法,将百度地图的经纬度坐标(BD-09)转换成腾讯地图/Google地图所使用的WGS84坐标。这个类通常包含以下几个核心方法: 1. **构造函数**:初始化类,可能包含一些配置参数,如API密钥等,虽然...

    百度、高德、谷歌、火星、wgs84(2000)地图坐标相互转换纠偏的JS实现

    主要实现百度、高德、谷歌、火星、wgs84(2000)地图坐标相互转换纠偏的JS实现

    google地图API实现的一个简单demo

    此外,还可以使用地理编码API将地址转换为经纬度坐标,或者使用路线规划API实现导航功能。这些功能的实现都需要对谷歌地图API有深入的理解和适当的代码编写。 总的来说,"google地图API实现的一个简单demo"涵盖了...

    流域kml解析,高德地图、百度地图等进行展示。

    开发者可以使用百度地图JavaScript API,将解析后的KML数据转换为百度地图兼容的格式,然后在地图上进行绘制。 在“辽河流域地图-重要”这个文件中,我们可以推测这是一份描绘中国辽河流域的KML文件,包含了该流域...

    ios 坐标系转化(各种坐标系互转)

    分为 地球坐标,火星坐标(iOS mapView 高德 , 国内google ,搜搜、阿里云 都是火星坐标),百度坐标(百度地图数据主要都是四维图新提供的) 火星坐标: MKMapView 地球坐标: CLLocationManager 当用到...

    [免费]百度谷歌地图API学习链接网址.rar

    标题中的“[免费]百度谷歌地图API学习链接网址.rar”表明这是一个包含有关百度和谷歌地图API的学习资源的压缩文件,其中可能包括教程、文档、示例代码或教学视频的链接。这些API允许开发者在自己的应用或网站上集成...

    iOS地图坐标系转换

    分为 地球坐标,火星坐标(iOS mapView 高德 , 国内google ,搜搜、阿里云 都是火星坐标),百度坐标(百度地图数据主要都是四维图新提供的) 火星坐标: MKMapView 地球坐标: CLLocationManager 当用到...

    Vue+Element+Javascript完成坐标转化

    3. **地图API集成**:可能集成了如Google Maps API、高德地图API或百度地图API,获取地图服务并展示坐标。 4. **坐标转换算法**:JavaScript实现坐标转换算法,如proj4js库可以方便地进行坐标投影转换。 5. **数据...

    iOS调起高德/百度/腾讯/谷歌/苹果地图并使用GCJ02坐标进行导航

    这通常涉及到坐标转换,因为中国的地图API通常使用GCJ02(国测局02)坐标系,而国际上广泛使用的是WGS84坐标系。本文将深入探讨如何在iOS中调用这些地图应用并进行GCJ02坐标系的导航。 首先,GCJ02坐标系是中国特有...

    谷歌地图Google Map API V3中文开发文档

    Geocoder 是谷歌地图 Google Map API V3 中的一个组件,用于将地址转换为地理坐标。开发者可以使用 Geocoder 对象来将地址转换为地理坐标,以便在地图上标记一个特定的位置。 七、DirectionsRenderer 和 ...

    分享一个小项目,百度地图API接口的一个地图.zip

    在这个项目中,重点是百度地图API,它允许开发人员将地图功能集成到他们的应用程序中,例如定位、导航、地理编码(地址转换为坐标)和反地理编码(坐标转换为地址)等。 【描述】:“分享一个小项目,百度地图API...

    Google 地图 API 参考

    Google地图API现在与Google AJAX API载入器进行了集成,这为开发者提供了统一的命名空间,使得同时使用多个Google AJAX API变得更为简便。这种框架设计允许开发者使用`google.maps.*`命名空间来替代原有的`G`前缀,...

Global site tag (gtag.js) - Google Analytics