百度地图坐标偏移、覆盖物偏移解决方案

百度地图定位不准确，这个问题困扰我一整天，想来度娘是强大的，各种查询总于找到解决方案，其实就是将经纬度转换为百度地图识别的经纬度，是不是很扯。

网址

http://developer.baidu.com/map/jsdemo/demo/convertor.js 这是单个坐标转换接口

http://developer.baidu.com/map/jsdemo/demo/changeMore.js 这是批量转换接口

1，单个转换函数：

//2011-7-25  
(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 translate(point,type,callback){  
    var callbackName = 'cbk_' + Math.round(Math.random() * 10000);    //随机函数名  
    var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from="+ type + "&to=4&x=" + point.lng + "&y=" + point.lat + "&callback=BMap.Convertor." + callbackName;  
    //动态创建script标签  
    load_script(xyUrl);  
    BMap.Convertor[callbackName] = function(xyResult){  
        delete BMap.Convertor[callbackName];    //调用完需要删除改函数  
        var point = new BMap.Point(xyResult.x, xyResult.y);  
        callback && callback(point);  
    }  
}  
  
window.BMap = window.BMap || {};  
BMap.Convertor = {};  
BMap.Convertor.translate = translate;  
})();

2，批量转换函数

//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){  
    var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from=" + type + "&to=4&mode=1";  
    var xs = [];  
    var ys = [];  
    var maxCnt = 20;//每次发送的最大个数  
    var send = function(){  
        var url = xyUrl + "&x=" + xs.join(",") + "&y=" + ys.join(",") + "&callback=callback";  
        //动态创建script标签  
        load_script(url);  
        xs = [];  
        ys = [];  
    }  
    for(var index in points){  
        if(index % maxCnt == 0 && index != 0){  
            send();  
        }  
        xs.push(points[index].lng);  
        ys.push(points[index].lat);  
        if(index == points.length - 1){  
            send();  
        }  
    }  
      
}  
  
window.BMap = window.BMap || {};  
BMap.Convertor = {};  
BMap.Convertor.transMore = transMore;  
})();

3，单个转换函数与批量转换函数整合体

(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 translate(point,type,callback){//单个转换  
    var callbackName = 'cbk_' + Math.round(Math.random() * 10000);    //随机函数名  
    var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from="+ type + "&to=4&x=" + point.lng + "&y=" + point.lat + "&callback=BMap.Convertor." + callbackName;  
    //动态创建script标签  
    load_script(xyUrl);  
    BMap.Convertor[callbackName] = function(xyResult){  
        delete BMap.Convertor[callbackName];    //调用完需要删除改函数  
        var point = new BMap.Point(xyResult.x, xyResult.y);  
        callback && callback(point);  
    };  
}  
  
function transMore(points,type,callback){//批量转换  
    var xyUrl = "http://api.map.baidu.com/ag/coord/convert?from=" + type + "&to=4&mode=1";  
    var xs = [];  
    var ys = [];  
    var maxCnt = 30;//每次发送的最大个数  
    var send = function(){  
        var url = xyUrl + "&x=" + xs.join(",") + "&y=" + ys.join(",") + "&callback=callback";  
        //动态创建script标签  
        load_script(url);  
        xs = [];  
        ys = [];  
    };  
    for(var index in points){  
        if(index % maxCnt == 0 && index != 0){  
            send();  
        }  
        xs.push(points[index].lng);  
        ys.push(points[index].lat);  
        if(index == points.length - 1){  
            send();  
        }  
    }  
      
}  
  
window.BMap = window.BMap || {};  
BMap.Convertor = {};  
BMap.Convertor.translate = translate;  
BMap.Convertor.transMore = transMore;  
})();

另外附上两个接口使用的示例源代码

单个转换的接口

[javascript]view plain copy 
    
 <!DOCTYPE html>  
 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
 <style type="text/css">  
 body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}  
 </style>  
 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>  
 <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>  
 <title>GPS转百度</title>  
 </head>  
 <body>  
 <div id="allmap"></div>  
 </body>  
 </html>  
 <script type="text/javascript">  
   
 // 百度地图API功能  
 //GPS坐标  
 var xx = 116.397428;  
 var yy = 39.90923;  
 var gpsPoint = new BMap.Point(xx,yy);  
   
 //地图初始化  
 var bm = new BMap.Map("allmap");  
 bm.centerAndZoom(gpsPoint, 15);  
 bm.addControl(new BMap.NavigationControl());  
   
 //添加谷歌marker和label  
 var markergps = new BMap.Marker(gpsPoint);  
 bm.addOverlay(markergps); //添加GPS标注  
 var labelgps = new BMap.Label("我是GPS标注哦",{offset:new BMap.Size(20,-10)});  
 markergps.setLabel(labelgps); //添加GPS标注  
   
 //坐标转换完之后的回调函数  
 translateCallback = function (point){  
     var marker = new BMap.Marker(point);  
     bm.addOverlay(marker);  
     var label = new BMap.Label("我是百度标注哦",{offset:new BMap.Size(20,-10)});  
     marker.setLabel(label); //添加百度label  
     bm.setCenter(point);  
     alert(point.lng + "," + point.lat);  
 }  
   
 setTimeout(function(){  
     BMap.Convertor.translate(gpsPoint,0,translateCallback);     //真实经纬度转成百度坐标  
 }, 2000);  
 </script>  

批量转换的示例接口

[javascript]view plain copy 
    
 <!DOCTYPE html>  
 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
 <style type="text/css">  
 body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}  
 </style>  
 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>  
 <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/changeMore.js"></script>  
 <title>批量坐标转换</title>  
 </head>  
 <body>  
 <div id="allmap"></div>  
 </body>  
 </html>  
 <script type="text/javascript">  
   
 // 百度地图API功能  
 var map = new BMap.Map("allmap");  
 map.centerAndZoom(new BMap.Point(116.404, 39.915), 15);  
 var i;  
 var markers = [];  
 map.addEventListener("click",function(e){  
     alert(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(xyResults){  
  var xyResult = null;  
  for(var index in xyResults){  
   xyResult = xyResults[index];  
   if(xyResult.error != 0){continue;}//出错就直接返回;  
   var point = new BMap.Point(xyResult.x, xyResult.y);  
      var marker = new BMap.Marker(point);  
      map.addOverlay(marker);  
      map.setCenter(point);// 由于写了这句，每一个被设置的点都是中心点的过程  
     }  
 }  
   
 setTimeout(function(){  
     BMap.Convertor.transMore(points,2,callback);        //一秒之后开始进行坐标转换。参数2，表示是从GCJ-02坐标到百度坐标。参数0，表示是从GPS到百度坐标  
 }, 1000);  
 </script>  

本文转载地址：点击打开链接

百度地图 坐标偏移、覆盖物偏移解决方案

猜你喜欢

百度地图坐标偏移、覆盖物偏移解决方案