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

摘要：

百度地图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。

批量转换.htm

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

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 = "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;
})();

【百度地图API】如何批量转换为百度经纬度的更多相关文章

  1. Python调用百度地图API实现批量经纬度转换为实际省市地点（api调用，json解析，excel读取与写入）

    1.获取秘钥 调用百度地图API实现得申请百度账号或者登陆百度账号,然后申请自己的ak秘钥.链接如下:http://lbsyun.baidu.com/apiconsole/key?applicatio ...

  2. 【百度地图API】批量地址解析与批量反地址解析（带商圈数据）

    原文:[百度地图API]批量地址解析与批量反地址解析(带商圈数据) 摘要:因为地址解析的webserives方式还没有开通,所以先用JS版本的地址解析接口来批量获取地址解析数据吧,同时还能得到商圈的数 ...

  3. 【百度地图API】自行获取区域经纬度的工具

    原文:[百度地图API]自行获取区域经纬度的工具 摘要:上一章教大家如何建立自己的行政区域地图.这次为大家提供一个,可视化选择区域,并且能自动生成经纬度代码的工具.工具的源代码完全公开,并且做了详尽的 ...

  4. java调用百度地图API依据地理位置中文获取经纬度

    百度地图api提供了非常多地图相关的免费接口,有利于地理位置相关的开发,百度地图api首页:http://developer.baidu.com/map/. 博主使用过依据地理依据地理位置中文获取经纬 ...

  5. Python使用百度地图API根据地名获取相应经纬度

    今天有个需求,要根据地名获取经纬度坐标值. 于是我第一想法:打开百度地图,手动输入地名,获取.显然当地名较少时,可实施.然而,当地名较多时,此方法显然工作量很大. 于是,第二想法:代码获取,请求百度地 ...

  6. 使用百度地图API自动获取地址和经纬度

    先上效果图,这是直接点击获取经纬度和地址的.没有做搜索的功能. 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...

  7. 百度地图api使用，简单搜索+经纬度定位+自定义消息窗口

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  8. python3调取百度地图API输出某地点的经纬度信息

    1. 查看API接口说明 地址:http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geocoding 注:callback ...

  9. 通过百度地图API定位--第三方开源--百度地图（一）

    1.把百度地图定位API(下载地址:http://lbsyun.baidu.com/sdk/download?selected=location)里面的libs复制到自己的项目libs里面 2.进行相 ...

  10. python实现百度地图API获取某地址的经纬度

    申请百度API 1.打开网页 http://lbsyun.baidu.com/index.php?title=首页 选择功能与服务中的地图,点击左边的获取密匙,然后按照要求申请即可,需要手机和百度账号 ...

随机推荐

  1. 在投票系统方法的原则刷票(突破ip限制刷票PHP版)

    让我谈一点:事实上,没有一个突破ip限制,因为实际上,,这项限制server结束,client牛逼,不能突破..只要是能够始终重复刷票罢了 一个朋友突然来了个网站,让我帮她投票..我是一个更好的人说话 ...

  2. 开源Math.NET基础数学类库使用(06)数值分析之线性方程组直接求解

    原文:[原创]开源Math.NET基础数学类库使用(06)数值分析之线性方程组直接求解 开源Math.NET基础数学类库使用系列文章总目录:   1.开源.NET基础数学计算组件Math.NET(一) ...

  3. Gray Code -- LeetCode

    原标题链接: http://oj.leetcode.com/problems/gray-code/  这道题要求求出n位的格雷码相应的二进制数,主要在于找到一种格雷码的递增方法(格雷码并非唯一的,能够 ...

  4. js的StringBuffer实施和使用类

    <strong>JAVA有一个StringBuffer分类,js但不是在下面,以实现自己的简单js的StringBuffer分类.</strong> //创建一个StringB ...

  5. 纯洁CSS实现下拉菜单和下拉容器（纯洁CSS导航栏和导航下拉容器）

    虽然网上课程似即使案件大同小异,但我还是写,记笔记,也为您提供参考 我希望你能指导批评~~ 首先,我们必须列出ul li 开始我们的导航栏菜单也能说生产: 在下面的页面,我们先建XHTML结构体: & ...

  6. XCODE4.6创建我的第一次ios规划：hello

    对于非常多刚開始学习的人来说,肯定希望自己尝试不用傻瓜的"Single View Application"模板创建一个含有View的窗体.而是希望能从零開始,先建一个空的框架.然后 ...

  7. C# 字符串知识整理

    新知识点,只是对于本人来说而已. 系统处理文本的方式 [新知识点].NET Framework .NET Framework的定义:其包含了一个公共语言运行时(Common Language Runt ...

  8. Visual Studio 原生开发的10个调试技巧（二）

    原文:Visual Studio 原生开发的10个调试技巧(二) 我以前关于 Visual Studio 调试技巧的文章引起了大家很大的兴趣,以至于我决定分享更多调试的知识.以下的列表中你可以看到写原 ...

  9. 推荐几个我一直在使用chrome小工具（上）

    我用的chrome插件挺多的,所谓工欲善其事必先利其器,我热衷于搜寻好用的工具来让我平时的工作事半功倍. 以下介绍几款我正在用的感觉还不错的插件,假设大家还有其他好用的(肯定有,chrome插件库太庞 ...

  10. linux下各种文件格式的压缩以及解压缩命令

    From : http://blog.csdn.net/mu0206mu/article/details/17732857 -------------------------------------- ...