博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【百度地图API】如何批量转换为百度经纬度
阅读量:6163 次
发布时间:2019-06-21

本文共 3692 字,大约阅读时间需要 12 分钟。

摘要:

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

ContractedBlock.gif
ExpandedBlockStart.gif
批量转换.htm
   
批量转换坐标 (据说有50次/秒的限制哦)

谷歌地图

鼠标点击的谷歌坐标是:

百度地图

鼠标点击的百度坐标是:(

ContractedBlock.gif
ExpandedBlockStart.gif
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

你可能感兴趣的文章
CodeCombat森林关卡Python代码
查看>>
(二)Spring Boot 起步入门(翻译自Spring Boot官方教程文档)1.5.9.RELEASE
查看>>
Shell基础之-正则表达式
查看>>
JavaScript异步之Generator、async、await
查看>>
讲讲吸顶效果与react-sticky
查看>>
c++面向对象的一些问题1 0
查看>>
售前工程师的成长---一个老员工的经验之谈
查看>>
Get到的优秀博客网址
查看>>
老男孩教育每日一题-第107天-简述你对***的理解,常见的有哪几种?
查看>>
Python学习--time
查看>>
在OSCHINA上的第一篇博文,以后好好学习吧
查看>>
Spring常用注解
查看>>
linux:yum和apt-get的区别
查看>>
Sentinel 1.5.0 正式发布,引入 Reactive 支持
查看>>
数据库之MySQL
查看>>
2019/1/15 批量删除数据库相关数据
查看>>
数据类型的一些方法
查看>>
Webpack 2 中一些常见的优化措施
查看>>
移动端响应式
查看>>
js中var、let、const的区别
查看>>