解决使用百度地图API时偏移问题并自适应中心点和比例

关于地图偏移官方给出的说明：

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

解决办法

         setZoom(json.data); //多个坐标数组//设置中心点 function setZoom(points) {if (points.length > 0) {var maxLng = points[0].DV_LNG; //最大最小经纬度赋值var minLng = points[0].DV_LNG;var maxLat = points[0].DV_LAT;var minLat = points[0].DV_LAT;var res;for (var i = points.length - 1; i >= 0; i--) {res = points[i];if (res.DV_LNG > maxLng) maxLng = res.DV_LNG; //取最大经度if (res.DV_LNG < minLng) minLng = res.DV_LNG; //取最小经度if (res.DV_LAT > maxLat) maxLat = res.DV_LAT; //取最大纬度if (res.DV_LAT < minLat) minLat = res.DV_LAT; //取最小纬度};var cenLng = (parseFloat(maxLng) + parseFloat(minLng)) / 2; //通过最大最小经纬度取中心点var cenLat = (parseFloat(maxLat) + parseFloat(minLat)) / 2;var zoom = getZoom(maxLng, minLng, maxLat, minLat); //取缩放比例// map.centerAndZoom(new BMap.Point(cenLng, cenLat), zoom); //设置中心点以及缩放比例var point = new BMap.Point(cenLng , cenLat);  // 创建点坐标 BMap.Convertor.translate(point,0,zoom,translateCallback);     //真实经纬度转成百度坐标,解决偏移问题！！！这是重点} else {//没有坐标，显示全中国  map.centerAndZoom(new BMap.Point(103.388611, 35.563611), 6);}}//根据经纬极值计算绽放级别。   function getZoom(maxLng, minLng, maxLat, minLat) {var zoom = ["50", "100", "200", "500", "1000", "2000", "5000", "10000", "20000", "25000", "50000", "100000","200000", "500000", "1000000", "2000000"] //级别18到3。  var pointA = new BMap.Point(maxLng, maxLat); // 创建点坐标A  var pointB = new BMap.Point(minLng, minLat); // 创建点坐标B  var distance = map.getDistance(pointA, pointB).toFixed(1); //获取两点距离,保留小数点后两位  for (var i = 0, zoomLen = zoom.length; i < zoomLen; i++) {if (zoom[i] - distance > 0) {return 18 - i + 3; //之所以会多3，是因为地图范围常常是比例尺距离的10倍以上。所以级别会增加3。  }};}//坐标转换完之后的回调函数function translateCallback(point1,zoom){map.centerAndZoom(point1, zoom); //设置中心点以及缩放比例}

解决使用百度地图API时偏移问题并自适应中心点和比例相关推荐

解决网页百度地图API在UC浏览器上不兼容情况
百度地图api网页端使用UC浏览器开启鼠标滚轮放大缩小功能时候会出现页面滚动问题在script中加入: document.onmousewheel=function (e) {e= e || win ...
网页通过iframe嵌入百度地图API时自适应屏幕
1.iframe标签按照常规响应式的样式写就可以了,比如: <style type="text/css"> iframe{width:100%;min-height:4 ...
使用Angular8和百度地图api开发《旅游清单》
前言: 本文的目的是通过一步步实现一个旅游清单项目,让大家快速入门Angular8以及百度地图API.我们将收获: Angular8基本用法,架构使用百度地图API实现自己的地图应用解决调用百度地 ...
Android如何实现地图定位？Android studio+百度地图API+Android6.0系统实现地图显示、地址设置、点击地图定位功能（详细）
文章说明:本文初衷是为了记录毕设学习过程,避免忘记操作流程.该功能是毕业设计的Android软件端的功能之一,本文将从获取百度地图密钥(AK)开始,详细地对地图定位配置和相关代码进行说明,文末将附上实 ...
js 实现精准定位（使用百度地图API）
获取定位城市使用百度地图API时记得申请AK 使用步骤如下 1.0 引用 <script type="text/javascript" src="http://a ...
基于百度地图的python开发服务端_python编程之API入门：（一）使用百度地图API查地理坐标...
在网络编程中,我们会和API打交道.那么,什么是API?如何使用API呢?本文分享了一下我对API的理解以及百度地图API的使用. API是"Application Programming ...
python怎么编程输入坐标_python编程之API入门：（一）使用百度地图API查地理坐标...
在网络编程中,我们会和API打交道.那么,什么是API?如何使用API呢?本文分享了一下我对API的理解以及百度地图API的使用. API是"Application Programming ...
百度地图引用时报出A Parser-blocking, cross site (i.e. different eTLD+1) script
页面引入百度地图api时 chrome控制台报出问题 A Parser-blocking, cross site (i.e. different eTLD+1) script, http://api. ...
浏览器端调用百度地图API，但地图无显示（细节问题）
文章目录调用JavaScript API,地图无显示解决方案 1.未输入AK((Access Key)或类型错误 2.路径有误(url未添加http:或https:) 3.JavaScript文件- ...

解决使用百度地图API时偏移问题并自适应中心点和比例

关于地图偏移官方给出的说明：

解决办法

解决使用百度地图API时偏移问题并自适应中心点和比例相关推荐

最新文章

热门文章