百度地图开发：H5获取GPS-wg84经纬度与百度定位API的偏差测试

HTML容器

<div id="map" style="width: 100%;height: 450px;"></div>
<div id="gps" style="width: 100%;height: 20px;"></div>
<div id="bd" style="width: 100%;height: 20px;"></div>
<div id="geo" style="width: 100%;height: 20px;"></div>

异步加载地图

    /*百度地图经纬度选择插件*/var centerCords = "113.503484,27.652063";function map_load() {var load = document.createElement("script");load.src = "//api.map.baidu.com/api?v=3.0&ak=11Z8uiP8kIz6AG0**&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, 15);map.enableScrollWheelZoom();// 添加定位控件;var geolocationControl = new BMap.GeolocationControl();map.addControl(geolocationControl);//H5定位;navigator.geolocation.getCurrentPosition(function (position) {var x = position.coords.longitude;var y = position.coords.latitude;$("#gps").html("GPS坐标：" + x + "," + y);var ggPoint = new BMap.Point(x, y);//GPS标注;var markergg = new BMap.Marker(ggPoint);map.addOverlay(markergg); //添加GPS markervar labelgg = new BMap.Label("GPS坐标", {offset: new BMap.Size(20, -10)});markergg.setLabel(labelgg); //添加GPS label//BD转换;var convertor = new BMap.Convertor();var pointArr = [];pointArr.push(ggPoint);convertor.translate(pointArr, 1, 5, translateCallback);}, function (err) {console.log(err.code);// code：返回获取位置的状态//0:不包括其他错误编号中的错误//1:用户拒绝浏览器获取位置信息//2:尝试获取用户信息，但失败了//3:设置了timeout值，获取位置超时了}, {enableHighAcuracy: true, //位置是否精确获取timeout: 5000,//获取位置允许的最长时间maximumAge: 0 //多久更新获取一次位置})//坐标转换完之后的回调函数translateCallback = function (data) {if (data.status === 0) {var marker = new BMap.Marker(data.points[0]);map.addOverlay(marker);$("#bd").html("百度坐标：" + data.points[0].lng + "," + data.points[0].lat);var label = new BMap.Label("百度坐标", {offset: new BMap.Size(20, -10)});marker.setLabel(label);map.setCenter(data.points[0]);}}//百度地图自动定位;bdGeo();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);//alert('您的位置：' + r.point.lng + ',' + r.point.lat);$("#geo").html("定位坐标："+r.point.lng + "," + r.point.lat)var marker = new BMap.Marker(points);map.addOverlay(marker);/*  var points = new BMap.Point(r.point.lng, r.point.lat);//返回当前中心点;map.centerAndZoom(points, 17);//添加标注;var marker = new BMap.Marker(points);map.addOverlay(marker);marker.enableDragging();marker.addEventListener('dragend', function () {//console.log(marker.getPosition().lat);$("#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//设置缓存有效时间});}}

lockdatav Done!

百度地图开发：H5获取GPS-wg84经纬度与百度定位API的偏差测试相关推荐

百度地图之事件处理——获取所在的经纬度（百度地图简单使用）
地图事件概述浏览器中的JavaScript是"事件驱动的",这表示JavaScript通过生成事件来响应交互,并期望程序能够"监听"感兴趣的活动.例如,在浏 ...
通过腾讯地图、高德地图、百度地图开发接口获取坐标对应的周边相关信息
通过腾讯地图.高德地图.百度地图开发接口获取坐标对应的周边相关信息更新: 以前出于好意暴露了个人的KEY,现已被烂用.为不影响您的业务,请使用我的KEY的朋友去申请自己的KEY,我的KEY将在不久后 ...
百度地图自动检索获取地理位置（经纬度）
百度地图自动检索获取地理位置,含有百度的自动检索和获取当前定位的功能! 我把这个功能单独写了一个界面,给分离了出来!假如项目中地址输入框有一些框架,这个要当心一些,定位会使索引位置发生错乱!注意改动 ...
如何在百度地图开发平台获取开发者Key（AK）
一.搜索百度地图开放平台二.点进去选择控制台三.我的应用->创建应用四. 五. 六.获取开发版SHA1 1.第一步,如果使用的是高版本的android studio ,它会自带jdk,需要 ...
vue引入百度地图BMapGL，获取天地图根据名称显示坐标定位信息
1. 解决提示:解决调用百度地图API弹出提示 "百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度LBS开放平台密钥"的方法百度官网生成ak: https://lb ...
[android] 百度地图开发 (二).定位城市位置和城市POI搜索
一. 百度地图城市定位和POI搜索知识上一篇文章"百度地图开发(一)"中讲述了如何申请百度APIKey及解决显示空白网格的问题.该篇文章主要讲述如何定位城市位置.定位 ...
百度地图开发（二）之添加覆盖物地理编码和反地理编码
转载请注明出处: http://blog.csdn.net/crazy1235/article/details/43377545 之前写过一篇关于百度地图开发的blog,主要介绍了百度地图的基本地图的 ...
[android] 百度地图开发 (三).定位当前位置及getLastKnownLocation获取location总为空问题
前一篇百度地图开发讲述"(二).定位城市位置和城市POI搜索",主要通过监听对象MKSearchListener类实现城市兴趣点POI(Point of Intere ...
android 百度地图api密钥,Android百度地图开发获取秘钥之SHA1
最近在做一个关于百度地图的开发. 不过在正式开发之前还必须要在百度地图API官网里先申请秘钥,而在申请秘钥的过程中,就需要获取一个所谓的SHA1值. 如上所示,但是由于不是正式开发,所以以上的发布版和 ...

百度地图开发：H5获取GPS-wg84经纬度与百度定位API的偏差测试

HTML容器

异步加载地图

初始化地图

百度地图开发：H5获取GPS-wg84经纬度与百度定位API的偏差测试相关推荐

最新文章

热门文章