原文:关于百度地图API的地图坐标转换问题

我在之前的文章利用html5获取经纬度并且在百度地图中显示位置中使用了百度地图的API来显示html5获取的地理位置，在文中我说过这样的话，我说百度地图的准确度不怎么精确，偏差很大。这里我要更正下：

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

由此可以看出小编之前冤枉了百度地图，所以如果对您有误导还请见谅。所以写了篇关于百度地图API坐标转换的文章，并且对之前的模型做了修正。

实现代码：

 //在百度 map中显示地址

     var map = new BMap.Map("map_canvas");

     var point = new BMap.Point(longitudeP , latitudeP);  // 创建点坐标

     map.centerAndZoom(point, 15);// 初始化地图，设置中心点坐标和地图级别

     var marker = new BMap.Marker(point);

     map.addOverlay(marker);

     BMap.Convertor.translate(point,0,translateCallback);     //真实经纬度转成百度坐标

回调函数代码：

 //坐标转换完之后的回调函数

 function translateCallback(point1){

     var marker1 = new BMap.Marker(point1);

     map.addOverlay(marker1);

     var label = new BMap.Label("转换后的百度坐标",{offset:new BMap.Size(20,-10)});

     marker1.setLabel(label); //添加百度label

     map.setCenter(point1);

 }

这是新的效果图:

可以看出转换出的效果还是相当精确的,并且从我这里的demo来看要比谷歌地图精确的多！所以如果也有像我一样的用户发现调用baidu map坐标有偏差的话，很有可能就是没有进行坐标转换。

关于这个demo：

在线查看demo

demo代码：

 <!DOCTYPE html>

 <html>

 <head>

 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>GIS开发利用html5获取经纬度并在百度地图中查看</title>

 <!--加载百度 map api-->

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=8827ee39511568ac0705d037d67b2624"></script>

 <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>

 </head>

 <body>

 <span id="support">将下面的经纬度输入谷歌地图：</span>

 <div id="show">

 纬度：<span id="latitude"></span><br />

 经度：<span id="longitude"></span><br />

 准确度：<span id="accuracy"></span>

 </div>

 <div id="map_canvas" style="width:500px; height:500px;"></div>

 <script type="text/javascript">

 var doc = document,

     latitude = doc.getElementById('latitude'),

     longitude = doc.getElementById('longitude'),

     accuracy = doc.getElementById('accuracy'),

     support = doc.getElementById('support'),

     showDiv = doc.getElementById('show');

 var map = new BMap.Map("map_canvas");

 function lodeSupport(){

     if(navigator.geolocation){

         support.innerHTML = '将下面的经纬度输入谷歌地图(纬度 经度)查看自己位置：';

         showDiv.style.display = 'block';

         navigator.geolocation.getCurrentPosition(updataPosition);

     }else{

         support.innerHTML = '对不起，浏览器不支持！';

         showDiv.style.display = 'none';

     }

 }

 function updataPosition(position){

     var latitudeP = position.coords.latitude,

         longitudeP = position.coords.longitude,

         accuracyP = position.coords.accuracy;

     latitude.innerHTML = latitudeP;

     longitude.innerHTML = longitudeP;

     accuracy.innerHTML = accuracyP;

     //在百度 map中显示地址

     var point = new BMap.Point(longitudeP , latitudeP);  // 创建点坐标

     map.centerAndZoom(point, 15);// 初始化地图，设置中心点坐标和地图级别

     var marker = new BMap.Marker(point);

     map.addOverlay(marker);

     BMap.Convertor.translate(point,0,translateCallback);     //真实经纬度转成百度坐标

 }

 //坐标转换完之后的回调函数

 function translateCallback(point1){

     var marker1 = new BMap.Marker(point1);

     map.addOverlay(marker1);

     var label = new BMap.Label("转换后的百度坐标",{offset:new BMap.Size(20,-10)});

     marker1.setLabel(label); //添加百度label

     map.setCenter(point1);

 }

 window.addEventListener('load', lodeSupport , true);

 </script>

 </body>

 </html>

转载自：http://malagis.com/baidu-maps-api-map-coordinate-conversion.html

关于百度地图API的地图坐标转换问题的更多相关文章

  1. ***微信LBS地理位置开发+百度地图API(地理位置和坐标转换)

    微信公众平台开发 - 获取用户地理位置 本文介绍在微信公众平台上如何使用高级接口开发获取用户地理位置的功能. 一.获取用户地理位置接口 开通了上报地理位置接口的公众号,用户在关注后进入公众号会话时,会 ...

  2. 百度地图API自定义地图

    http://api.map.baidu.com/lbsapi/creatmap/index.html http://developer.baidu.com/map/index.php?title=w ...

  3. 网页嵌入百度地图和使用百度地图api自定义地图的详细步骤

    在网页中插入百度地图 如果想在自己的网页上面加入百度地图的话,可以用百度地图的api.具体使用方法如下: 第一步:进入百度创建地图的网站http://api.map.baidu.com/lbsapi/ ...

  4. 百度地图API地理位置和坐标转换

    1.由地名(省份.城市.街道等)得到其对应的百度地图坐标: http://api.map.baidu.com/geocoder/v2/?output=json&ak=你从百度申请到的Key&a ...

  5. 百度地图api根据地图缩放等级显示不同的marker点，功能二

    功能一里面有marker点后台的代码 根据地图的缩放等级显示不同marker点的坐标JSP代码 <%@ page language="java" contentType=&q ...

  6. HTML5结合百度地图API创建地图应用

    具体的百度地图API的使用方法查看百度地图API里的DEMO <style> #div1{ width:400px; height:400px; border:1px #000 solid ...

  7. js调用百度地图API创建地图，搜索位置

    实现代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <met ...

  8. JavaScript对接百度地图api实现地图标点功能

    粗略的做了个地图标点功能 首先,去百度注册开发者账号,然后进入到百度地图开放平台 进入到控制台, 创建浏览器端应用,给个安全域名 然后去开发者文档JavaScript里面找地图展示文档,直接怼上去就行 ...

  9. 百度地图API实现地图定位

    1.引用JS: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0& ...

随机推荐

  1. Ubuntu 16.04 - 64bit 访问Windows磁盘报错 he NTFS partition is in an unsafe state. Please resume and shutdown Windows fully (no hibernation ...

    今天在打开某个磁盘时,突然报错,报错信息如下 原因:Windows 未正常关闭,导致系统误以为存在临时缓存文件 解决方法: http://www.linuxidc.com/Linux/2014-05/ ...

  2. SQLSERVER 数据库性能的基本

    很久没有写文章了,在系统正式上线之前,DBA一般都要测试一下服务器的性能 比如你有很多的服务器,有些做web服务器,有些做缓存服务器,有些做文件服务器,有些做数据库服务器 做数据库服务器的那台服务器性 ...

  3. 解决Asp.net中的Chart控件运行出现错误提示“ ChartImg.axd 执行子请求时出错”

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAABTkAAAJwCAIAAADN5fIdAAAgAElEQVR4nOzdfZAc1X3o/VNFlbcoJf

  4. WEB系统技术开发方向

    1. UI框架:要可以结合jquery+自定义服务器控件开发一套UI框架: 2.WEB报表设计器:用js开发一套可以自定义报表设计器: 3.WEB自定义表单+工作流设计器: 4.WEB打印组件: 5. ...

  5. HTML5标签及使用方法描述

    HTML 5 作为新一代的超文本标记语言,增加了许多标签.这些标签不但更有语义,而且功能强大.具体有以下标签: <article> 定义外部的内容.比如来自一个外部的新闻提供者的一篇新的文 ...

  6. C++结构体对象数组的二进制方式读写

    以一个学生信息的结构体数组为例. #include<iostream>#include<string>#include<fstream>using namespac ...

  7. OpenJudge/Poj 1321 棋盘问题

    1.链接地址: http://bailian.openjudge.cn/practice/1321 http://poj.org/problem?id=1321 2.题目: 棋盘问题 Time Lim ...

  8. OpenJudge/Poj 1316 Self Numbers

    1.链接地址: http://poj.org/problem?id=1316 http://bailian.openjudge.cn/practice/1316 2.题目: 总时间限制: 1000ms ...

  9. OpenJudge/Poj 1125 Stockbroker Grapevine

    1.链接地址: http://poj.org/problem?id=1125 http://bailian.openjudge.cn/practice/1125 2.题目: Stockbroker G ...

  10. 纯javascript 回到 顶部 实例

    很多网站都会采用瀑布式的加载模式,像qq空间加载好友动态,为了用户体验更好,很多网站会加上回到顶部的连接,但大多数网站都是一下子就回到了顶部,当然,这样有这样的好处,但是我是个比较喜欢很炫的东西的人, ...