百度地图开发：调用jsAPI实现实时定位的解决方案及常见问题

项目说明

建议使用异步加载，避免F12控制台出现阻塞等提示；
电脑使用浏览器定位时，由于没有GPS，会出现无法定位(fail8)等错误提示，属于正常；
手机端时候，尤其是华为系列（安卓系统）无法正常定位时，一般是因为没有使用https安全服务协议访问的，解决方案就是配置SSL证书；
定位无法实时展示，只能通过定位配置项进行设置（见下文）；
对生活区（行政街道等）的定位相对精准，但是在荒山野岭时，定位的偏差会很大（无法用具体数字来描述）

异步加载地图

  /*百度地图经纬度选择插件*/function map_load() {var load = document.createElement("script");load.src = "//api.map.baidu.com/api?v=3.0&ak="+bdKey+"&callback=map_init";document.body.appendChild(load);}window.onload = map_load;

 //初始化地图;var map;function map_init() {map = new BMap.Map("map", {enableMapClick: false});var point = new BMap.Point(centerCords.split(",")[0], centerCords.split(",")[1]);map.centerAndZoom(point, 13);map.enableScrollWheelZoom();// 添加定位控件;var geolocationControl = new BMap.GeolocationControl();map.addControl(geolocationControl);//自动定位;function bdGeo() {var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function (r) {if (this.getStatus() == BMAP_STATUS_SUCCESS) {//var mk = new BMap.Marker(r.point);map.clearOverlays();map.panTo(r.point);//console.log(r.address);$("#L_poi_province").val(r.address.province);$("#L_poi_city").val(r.address.city);$("#L_poi_county").val(r.address.district);$("#L_lnglat").val(r.point.lng+","+r.point.lat);var points=new BMap.Point(r.point.lng, r.point.lat);//返回当前中心点;map.centerAndZoom(points, 16);//添加标注;var marker = new BMap.Marker(points);map.addOverlay(marker);marker.enableDragging();marker.addEventListener('dragend', function () {//console.log(marker.getPosition());$("#L_lnglat").val(marker.getPosition().lng+","+marker.getPosition().lat)})}else {alert('failed' + this.getStatus());}},function (error) {console.log(error);},{enableHighAccuracy: true,//是否要求高精度的地理位置信息timeout: 1000,//对地理位置信息的获取操作做超时限制，如果再该事件内未获取到地理位置信息，将返回错误maximumAge:0//设置缓存有效时间，在该时间段内，获取的地理位置信息还是设置此时间段之前的那次获得的信息，超过这段时间缓存的位置信息会被废弃});}bdGeo();

定位配置项

{enableHighAccuracy: true,//是否要求高精度的地理位置信息
timeout: 1000,//对地理位置信息的获取操作做超时限制，如果再该事件内未获取到地理位置信息，将返回错误
maximumAge:0//设置缓存有效时间，在该时间段内，获取的地理位置信息还是设置此时间段之前的那次获得的信息，超过这段时间缓存的位置信息会被废弃
}

lockdatav Done!

百度地图开发：调用jsAPI实现实时定位的解决方案及常见问题相关推荐

超详细的Android百度地图开发：在APP上定位并显示出来
超详细的Android百度地图开发:在APP上定位并显示出来一写在前面二注册百度开发者账户.申请API KEY 三.代码实现四.问题五.总结一写在前面由于项目所需,我需要在手机APP ...
百度地图开发自定义信息窗口openInfoWindow样式的解决方案
1.InfoWindow的样式,百度是没用提供直接使用的样式表的,目前都是热心网友在实际开发中自己的经验和实战总结: 2.百度提供了InfoBox富文本标签弹出框的接口,引入InfoBox.js,即可 ...
使用QT嵌入百度地图开发高B格岸基监控软件
文章目录 1.简述 2.百度地图 2.1百度地图准备 2.2 百度地图开发 2.2.1实时绘制轨迹 2.2.2设定航点 3 QT软件开发 3.1使用QWebEngineView显示Html 3.2 M ...
QT5百度地图开发学习——qt调用输入位置坐标位置进行百度地图定位
系列文章目录上一章: QT5百度地图开发学习--JavaScript调用qt函数并传参给qt 文章目录系列文章目录前言一.界面设计二.槽函数总结前言本文实现输入坐标然后在地图上显示位置 ...
[android] 百度地图开发 (二).定位城市位置和城市POI搜索
一. 百度地图城市定位和POI搜索知识上一篇文章"百度地图开发(一)"中讲述了如何申请百度APIKey及解决显示空白网格的问题.该篇文章主要讲述如何定位城市位置.定位 ...
QT5百度地图开发学习——qt调用JavaScript函数并传参
文章目录前言一.通信桥梁bridge 二.QT与JS相互通信(调用函数) 1.QT调用js函数前言在上文<QT5百度地图开发学习--控件提升展示地图>中,我们通过控件提升的方式在同 ...
[android] 百度地图开发 (三).定位当前位置及getLastKnownLocation获取location总为空问题
前一篇百度地图开发讲述"(二).定位城市位置和城市POI搜索",主要通过监听对象MKSearchListener类实现城市兴趣点POI(Point of Intere ...
Android百度地图开发（二）定位之自动定位及标注（及定位几日内瓦或坐标4.9E-324问题）
接上篇Android百度地图开发(一)之Hello BaiduMap 1.环境配置: 新增权限如下  <uses-permission and ...
Android studio百度地图SDK开发 2020最新超详细的Android 百度地图开发讲解(3) 路线规划步行骑行驾车路线规划
2020最新超详细的Android 百度地图开发讲解(3) 路线规划步行骑行驾车路线规划开发前配置,显示基本地图,实时定位等查看之前代码,此博客紧接上一博客:https://blog.csdn.ne ...

百度地图开发：调用jsAPI实现实时定位的解决方案及常见问题

项目说明

异步加载地图

定位配置项

百度地图开发：调用jsAPI实现实时定位的解决方案及常见问题相关推荐

最新文章

热门文章