摘要:

百度地图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;})();

转载于:https://www.cnblogs.com/milkmap/archive/2011/09/29/2195780.html

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

  1. 百度地图API gps坐标转换为百度坐标

    百度地图API官网示例 我写的例子,基于react 实现的功能: 根据点画折线 在点位置插入自定义图标 点击图标的时候显示一张图片 传递的gps坐标需要转换成百度坐标 因为坐标转换一次转换不能超过10 ...

  2. python 调用百度地图api 实现批量经纬度转换为实际省市地点(api调用,json解析,mysql读取与写入)

    1.获取秘钥 调用百度地图API实现得申请百度账号或者登陆百度账号,然后申请自己的ak秘钥.链接如下:添加链接描述 下面是百度创建的app设置: 2.调用API将经纬度信息解析成json信息 def ...

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

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

  4. 利用百度地图api将excel中的经纬度数据可视化

    利用百度地图api将excel中的经纬度数据可视化 因为本人最近在研究2019年研究生数学建模华为杯D题,想将它3个excel文件汽车的经纬度数据在地图上画出来,找了很多方法才实现.现将它分享给大家, ...

  5. python获取某地铁站经纬度_python通过百度地图API获取某地址的经纬度详解

    前言 这几天比较空闲,就接触了下百度地图的API(开发者中心链接地址:http://developer.baidu.com),发现调用还是挺方便的,本文将给大家详细的介绍关于python通过百度地图A ...

  6. C#调用百度地图API,根据地名获取经纬度geocoding

    前言 公司的一个内部网站维护,需要根据地名填写经纬度,最终同echarts生成地图. 之前数据比较少,直接经纬度查询查的,https://jingweidu.bmcx.com/ 现在数据越来越多,手动 ...

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

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

  8. php 百度地图api获取经纬度,调用百度地图API接口获取地铁站的经纬度信息

    今天我们来看一下,如何通过百地图API来获取地点的经纬度.首先百度地图提供了强大的API接口,我们可以通过调用它来实现目的.这是网址:https://lbsyun.baidu.com/.首先想要调用A ...

  9. 百度地图AK申请注意+百度地图API生成热力图+调用百度地图API自动获取经纬度和地址

    文章目录 一.百度地图AK密钥申请 二.调用百度地图API生成热力图 三.调用百度地图API自动获取经纬度和地址 一.百度地图AK密钥申请 点击百度地图API控制台,输入登录账户,即可进入,若账户未完 ...

  10. 百度地图api php开发教程,百度地图API使用方法详解_PHP

    最近做了个项目,其中项目中有个需求需要用到百度地图进行导航,通过查阅相关资料参考百度地图api完成了一个例子. 示例一: API地址:http://developer.baidu.com/map/js ...

最新文章

  1. 5G+XR:让视频增强技术在工业领域大有所为
  2. dubbo2.5.6从下载到编译成功并且部署成功过程
  3. 修改maven本地仓库位置
  4. linux进程端口防火墙
  5. 智能合约重构社会契约 (2)雅阁项目智能合约
  6. python 学习笔记十九 django深入学习四 cookie,session
  7. 两篇同年硕士论文高度雷同!电子科技大学回应:启动调查!
  8. 转:看问题的5个层次
  9. 将XML解析成DOM文档
  10. powerquery加载pdf_pdf转换为excel,你不会,同事点点鼠标2分钟就搞定了
  11. [置顶] SPL讲解(6)--Condition篇
  12. 蓝桥杯 ADV-227 算法提高 11-1实现strcmp函数
  13. VC的function类说明 -- 继续
  14. Redis常见配置文件详解
  15. >> 读书记录_2015~2020
  16. python静态分析工具_7 个顶级静态代码分析工具
  17. SDK学院--易接网游SDK中间件接入使用说明-Unity3D游戏接口
  18. vlc播放器linux编译,linux安装vlc视频播放器
  19. 作业2.EVE ensp 模拟器CONSOLE接口密码设置
  20. oracle和mysql的mod函数

热门文章

  1. Redis进阶高可用之主从复制
  2. linux时间函数详解
  3. 读者投稿 | 写Go满一年啦,来聊聊进程、线程与协程
  4. Laravel神奇的服务容器
  5. 如何 Scale Up/Down 应用?- 每天5分钟玩转 Docker 容器技术(126)
  6. 发布web应用程序是出现unsafe code
  7. 《BI那点儿事》数据流转换——透视
  8. Android--Launcher拖拽事件详解【androidICS4.0--Launcher系列二】
  9. 读书笔记之:高质量程序设计指南——C++/C
  10. Quick Emacs