百度地图坐标偏移的纠正

最新推荐文章于 2024-05-14 10:49:40 发布

younggift

最新推荐文章于 2024-05-14 10:49:40 发布

阅读量5.5w

点赞数 7

本文链接：https://blog.csdn.net/younggift/article/details/42474557

版权

百度地图坐标偏移的纠正

1. 问题

在使用百度地图开发时，输入经纬度 (用google earth或GPS设备得到) ，会发现坐标显示位置偏移。

比如，已知东北师范大学经纬度 125.3249352, 43.8593245。经纬度可以通过地理科学学院门口的雕塑上查到，可以通过google earth查到，可以通过能显示经纬度的GPS设备，或者用iphone在东北师大拍张照片，然后用带有识别exif的工具比如 google picasa查到。

在下述代码1中，我们发现，标记 125.3249352, 43.8593245 的位置不在东北师大，而是偏移到了南湖里。

-----代码1开始--------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<title>baidu map demo</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("allmap");            // 创建Map实例
var point = new BMap.Point(125.3249352, 43.8593245);    // 创建点坐标

var marker = new BMap.Marker (point);
marker.setTitle ("This is a Marker.");
map.addOverlay (marker);

map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。
map.enableScrollWheelZoom();                            //启用滚轮放大缩小

map.addEventListener('click', function(e){
    console.log(e.point);
});
</script>

-----代码1结束--------

对于坐标偏移，百度的官方解释是国家要求 + 百度的二次加密。百度支持把其
他坐标 (google的, gps设备的)转换为百度地图的坐标，这样显示在百度地图上
的标记位置就不偏移了。

2. 解决

使用下述代码，在百度地图上，标记点的位置是正确的。

下述代码抄自网络并修改，最初来源已不可考。谢谢原作者。

代码2在代码1的基础上做了修改，调用了百度的API[http://api.map.baidu.com/api?v=1.4]，及[convertor.js]即代码3。

用到了 javascript的闭包和回调。

------代码2开始------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript" src="convertor.js"></script>
<title>baidu map demo</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>

<script type="text/javascript">

var map = new BMap.Map("allmap");            // 创建Map实例

var point = new BMap.Point(125.3249352, 43.8593245);    // 创建点坐标
BMap.Convertor.translate(point, 0, function(point){

var marker = new BMap.Marker (point);
marker.setTitle ("This is a marker");
map.addOverlay (marker);

map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。
map.enableScrollWheelZoom();                            //启用滚轮放大缩小

map.addEventListener('click', function(e){
    console.log(e.point);})

});
;
</script>

------代码2结束------

------代码3开始------

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

------代码3结束------

4. 完整代码在[http://download.csdn.net/detail/younggift/8334749]。

参考:
1. [http://www.cnblogs.com/funnydavid/archive/2011/03/02/1969244.html]

2. 百度的解释
[http://developer.baidu.com/map/question.htm]
百度坐标为何有偏移？

国际经纬度坐标标准为WGS-84,国内必须至少使用国测局制定的GCJ-02,对地理位置进行首次加密。百度坐标在此基础上，进行了BD-09二次加密措施,更加保护了个人隐私。百度对外接口的坐标系并不是GPS采集的真实经纬度，需要通过坐标转换接口进行转换。

如何从其他体系的坐标迁移到百度坐标？

开发者可以使用坐标转换接口进行转换。JavaScript API 、Android SDK、iOS SDK的开发用户可直接调用相应方法进行转换。

3. 百度的手册
[http://developer.baidu.com/map/changeposition.htm]

------------------------------------------------------------

博客会手工同步到以下地址：

[http://giftdotyoung.blogspot.com]

[http://blog.csdn.net/younggift]

younggift

关注

7
点赞
踩
26

收藏

觉得还不错? 一键收藏
4
评论
百度地图坐标偏移的纠正

百度地图坐标偏移的纠正1. 问题在使用百度地图开发时，输入经纬度 (用google earth或GPS设备得到) ，会发现坐标显示位置偏移。比如，已知东北师范大学经纬度 125.3249352, 43.8593245。经纬度可以通过地理科学学院门口的雕塑上查到，可以通过google earth查到，可以通过能显示经纬度的GPS设备，或者用iphone在东北师大拍张照片，然后
复制链接

扫一扫