百度地图API如何批量转换为百度经纬度

百度地图API的官网上提供了常用坐标转换的示例。但是,一次只能转换一个,真的非常麻烦!!这里结合了官方的示例,自制一个批量转换工具,供大家参考。

因为我没有GPS坐标,就拿谷歌坐标做个示例了。

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

  比如,谷歌的经纬度是

  newgoogle.maps.LatLng(39.90762965106183, 116.3786889372559)

  传入坐标转换接口的百度经纬度应该是

  newBMap.Point(116.3786889372559,39.90762965106183)

  所以,我建立一个数组,存放转换前的经纬度。创建百度的坐标点,但是用谷歌的经纬度。

 
 
 
 
  1.   //注意:百度和谷歌的经纬度坐标顺序是相反的。
  2.   varpoints = [newBMap.Point(116.3786889372559,39.90762965106183),
  3.   newBMap.Point(116.38632786853032,39.90795884517671),
  4.   newBMap.Point(116.39534009082035,39.907432133833574),
  5.   newBMap.Point(116.40624058825688,39.90789300648029),
  6.   newBMap.Point(116.41413701159672,39.90795884517671)
  7.   ];

  然后调用官方公布的接口

  BMap.Convertor.transMore(points,2,callback);

  自己对这个坐标转换接口做了修改,让它可以多次返回结果。注意看注释部分。

  据说,百度坐标转换接口,有50次/秒的限制。

 
 
 
 
  1.   functiontransMore(points,type,callback){
  2.   for(varindex inpoints){
  3.   if(index >50){return;}
  4.   varxyUrl = "http://api.map.baidu.com/ag/coord/convert?from=" + type +
  5.   "&to=4&x=" + points[index].lng + //这里要循环读入数组points的lng数据,直到points.length完毕。
  6.   "&y=" + points[index].lat +
  7.   "&callback=callback";
  8.   //动态创建script标签
  9.   load_script(xyUrl);
  10.   }
  11.  }

  进过上一步,坐标就转换好了。成为百度坐标了。但这时的百度坐标是加密的。看不懂……

  好在,我们可以直接利用这些加密的编码创建出Marker标注点。获取到对象后,直接使用即可。

 
 
 
 
  1.   functioncallback(xyResult){
  2.   if(xyResult.error != 0){return;}//出错就直接返回;
  3.   varpoint = newBMap.Point(xyResult.x, xyResult.y);
  4.   varmarker = newBMap.Marker(point);
  5.   map.addOverlay(marker);
  6.   map.setCenter(point);//由于写了这句,可以每一个被转的点都是中心点的过程
  7.   }

  到这里,批量转换就讲完啦~~

  下面说说我自己添加的其他功能:如何获取地图上的坐标点。

  如何获取地图上的坐标点,经纬度?

  先说说谷歌的:给地图添加事件,点击地图后直接弹出。

 
 
 
 
  1.   google.maps.event.addListener(map, 'click', function(e) {
  2.   alert(e.latLng);
  3.   });

  在说说百度的,也是给地图添加事件。

 
 
 
 
  1.   map.addEventListener("click",function(e){
  2.   alert(e.point.lng + "," + e.point.lat);
  3.   });

  大家发现谷歌和百度有什么不同了没有?

  对了,谷歌的经纬度像是封装在一起了样。而百度的经纬度是分开地~~~

  全部源代码:

  有两个文件,一个是htm,另一个是修改后的官方坐标转换js。

  批量转换.htm

 
 
 
 
  1.   
  2.   
  3.   
  4.   
  5.   
  6. 批量转换坐标
  7.   
  8.   
  9.   (据说有50次/秒的限制哦)
  10.   
  11.   
  12.   

    谷歌地图

  13.   
  •   

    鼠标点击的谷歌坐标是:

  •   
  •   functioninitialize() {varmyOptions ={
  •   zoom: 14,
  •   center: newgoogle.maps.LatLng(39.90861722866082, 116.39679921252446),
  •   mapTypeId: google.maps.MapTypeId.ROADMAP
  •   };varmap =newgoogle.maps.Map(document.getElementById('map_canvas'),myOptions);
  •   google.maps.event.addListener(map, 'click', function(e) {
  •   document.getElementById("info").innerHTML =e.latLng;
  •   });varmarker1 =newgoogle.maps.Marker({
  •   position: newgoogle.maps.LatLng(39.90762965106183, 116.3786889372559),
  •   map: map
  •   });varmarker2 =newgoogle.maps.Marker({
  •   position: newgoogle.maps.LatLng(39.90795884517671, 116.38632786853032),
  •   map: map
  •   });varmarker3 =newgoogle.maps.Marker({
  •   position: newgoogle.maps.LatLng(39.907432133833574, 116.39534009082035),
  •   map: map
  •   });varmarker4 =newgoogle.maps.Marker({
  •   position: newgoogle.maps.LatLng(39.90789300648029, 116.40624058825688),
  •   map: map
  •   });varmarker5 =newgoogle.maps.Marker({
  •   position: newgoogle.maps.LatLng(39.90795884517671, 116.41413701159672),
  •   map: map
  •   });
  •   }
  •   google.maps.event.addDomListener(window, 'load', initialize);
  •   
  •   
  •   

    百度地图

  •   
  •   

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

  •   
  •   varmap =newBMap.Map("container");
  •   map.centerAndZoom(newBMap.Point(116.404, 39.915), 15);vari;varmarkers =[];
  •   map.addEventListener("click",function(e){
  •   document.getElementById("info2").innerHTML =e.point.lng +","+e.point.lat;
  •   });//注意:百度和谷歌的经纬度坐标顺序是相反的。
  •   varpoints =[newBMap.Point(116.3786889372559,39.90762965106183),newBMap.Point(116.38632786853032,39.90795884517671),newBMap.Point(116.39534009082035,39.907432133833574),newBMap.Point(116.40624058825688,39.90789300648029),newBMap.Point(116.41413701159672,39.90795884517671)
  •   ];functioncallback(xyResult){ if(xyResult.error !=0){return;}//出错就直接返回;varpoint =newBMap.Point(xyResult.x, xyResult.y);varmarker =newBMap.Marker(point);
  •   map.addOverlay(marker);
  •   map.setCenter(point);//由于写了这句,可以每一个被转的点都是中心点的过程
  •   }functionmagic(){
  •   BMap.Convertor.transMore(points,2,callback);
  •   }
  •   
  •   
  •   
  •   
  •   changeMore.js
  •   //2011-7-25 zhangying
  •   (function(){
  •   functionload_script(xyUrl, callback){
  •   varhead = document.getElementsByTagName('head')[0];
  •  varscript = document.createElement('script');
  •   script.type = 'text/javascript';
  •   script.src = xyUrl;
  •   //借鉴了jQuery的script跨域方法
  •   scriptscript.onload = script.onreadystatechange = function(){
  •   if((!this.readyState || this.readyState === "loaded" || this.readyState === "complete")){
  •   callback &&callback();
  •   //Handle memory leak in IE
  •   scriptscript.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 );
  •   }
  •   functiontransMore(points,type,callback){
  •   for(varindex inpoints){
  •   if(index >50){return;}
  •   varxyUrl = "http://api.map.baidu.com/ag/coord/convert?from=" + type +
  •   "&to=4&x=" + points[index].lng + //这里要循环读入数组points的lng数据,直到points.length完毕。
  •   "&y=" + points[index].lat +
  •   "&callbackcallback=callback";
  •   //动态创建script标签
  •   load_script(xyUrl);
  •   }
  •   }
  •   windowwindow.BMap = window.BMap || {};
  •   BMap.Convertor = {};
  •   BMap.Convertor.transMore = transMore;
  •   })();
  • 新闻名称:百度地图API如何批量转换为百度经纬度
    文章URL:http://www.shufengxianlan.com/qtweb/news4/348654.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

    猜你还喜欢下面的内容

    商城网站知识

    行业网站建设