第25行: | 第25行: | ||
| 当您的APP中有内置的Web页面,同时在Web页面需要提供您的当前位置信息时,可调用集成在App中的百度地图定位SDK来获取更精准的位置信息 | | 当您的APP中有内置的Web页面,同时在Web页面需要提供您的当前位置信息时,可调用集成在App中的百度地图定位SDK来获取更精准的位置信息 | ||
|} | |} | ||
− | </div><div class="bluetitle"><div class="services-title-text">定位方法代码示例</div></div><div class="devguide"><div class="leftborderbg" style="height:5000px;"></div><div class="devguideorder"><span>1</span> | + | </div><div class="bluetitle"><div class="services-title-text">定位方法代码示例</div></div><div class="devguide"><div class="leftborderbg" style="height:5000px;"></div><div class="devguideorder"> |
− | + | <span>1</span> | |
− | + | 浏览器定位 | |
− | var | + | </div><div class="devguidecenter"><pre class="prettyprint codestyle">var map = new BMapGL.Map("allmap"); |
− | + | var point = new BMapGL.Point(116.331398,39.897445); | |
− | + | map.centerAndZoom(point,12); | |
− | + | ||
− | + | var geolocation = new BMapGL.Geolocation(); | |
− | + | geolocation.getCurrentPosition(function(r){ | |
− | }); | + | if(this.getStatus() == BMAP_STATUS_SUCCESS){ |
+ | var mk = new BMapGL.Marker(r.point); | ||
+ | map.addOverlay(mk); | ||
+ | map.panTo(r.point); | ||
+ | alert('您的位置:' + r.point.lng + ',' + r.point.lat); | ||
+ | } | ||
+ | else { | ||
+ | alert('failed' + this.getStatus()); | ||
+ | } | ||
+ | }); | ||
</pre> | </pre> | ||
− | </div><div class="devguideorder"><span>2</span> | + | </div><div class="devguideorder"> |
− | + | <span>2</span> | |
− | var | + | IP定位 |
− | map. | + | </div><div class="devguidecenter"><pre class="prettyprint codestyle">var map = new BMapGL.Map("allmap"); |
− | + | var point = new BMapGL.Point(116.331398,39.897445); | |
− | + | map.centerAndZoom(point,12); | |
− | + | ||
− | + | function myFun(result){ | |
− | + | var cityName = result.name; | |
− | }) | + | map.setCenter(cityName); |
+ | alert("当前定位城市:"+cityName); | ||
+ | } | ||
+ | var myCity = new BMapGL.LocalCity(); | ||
+ | myCity.get(myFun); | ||
+ | </pre> | ||
+ | </div><div class="devguideorder"> | ||
+ | <span>3</span> | ||
+ | 定位SDK辅助定位 | ||
+ | </div><div class="devguidecenter"><pre class="prettyprint codestyle">var map = new BMap.Map("allmap"); | ||
+ | var point = new BMap.Point(116.331398,39.897445); | ||
+ | map.centerAndZoom(point,12); | ||
+ | |||
+ | var geolocation = new BMap.Geolocation(); | ||
+ | // 开启SDK辅助定位 | ||
+ | geolocation.enableSDKLocation(); | ||
+ | geolocation.getCurrentPosition(function(r){ | ||
+ | if(this.getStatus() == BMAP_STATUS_SUCCESS){ | ||
+ | var mk = new BMap.Marker(r.point); | ||
+ | map.addOverlay(mk); | ||
+ | map.panTo(r.point); | ||
+ | alert('您的位置:'+r.point.lng+','+r.point.lat); | ||
+ | } | ||
+ | else { | ||
+ | alert('failed'+this.getStatus()); | ||
+ | } | ||
+ | }); | ||
</pre> | </pre> | ||
</div></div> | </div></div> |
2021年5月19日 (三) 14:36的版本
定位
更新时间:2021年03月07日
简介
JavaScript API提供在Web端获取当前位置信息的方法,融合了浏览器定位、IP定位、安卓定位SDK辅助定位等多种手段,提供了获取当前准确位置、获取当前城市信息等功能。
浏览器定位精度和性能依赖浏览器自身特性,IP定位的精度值为城市级别。
对于安卓WebView页面的开发者,可以结合定位SDK进行辅助定位,使用方法参见定位SDK相关章节。
注意:
1.请求JavaScript API v3.0的定位功能时,必须获取用户授权。
2.由于Chrome、iOS10等已不再支持非安全域的浏览器定位请求,为保证定位成功率和精度,请尽快升级您的站点到HTTPS。
提供的定位服务
接口 | 类名 | 说明 |
浏览器定位 | Geolocation | 优先调用浏览器H5定位接口,如果失败会调用IP定位 |
IP定位 | LocalCity | 根据用户IP 返回城市级别的定位结果 |
定位SDK辅助定位 | Geolocation | 当您的APP中有内置的Web页面,同时在Web页面需要提供您的当前位置信息时,可调用集成在App中的百度地图定位SDK来获取更精准的位置信息 |
定位方法代码示例
1
浏览器定位
var map = new BMapGL.Map("allmap"); var point = new BMapGL.Point(116.331398,39.897445); map.centerAndZoom(point,12); var geolocation = new BMapGL.Geolocation(); geolocation.getCurrentPosition(function(r){ if(this.getStatus() == BMAP_STATUS_SUCCESS){ var mk = new BMapGL.Marker(r.point); map.addOverlay(mk); map.panTo(r.point); alert('您的位置:' + r.point.lng + ',' + r.point.lat); } else { alert('failed' + this.getStatus()); } });
2
IP定位
var map = new BMapGL.Map("allmap"); var point = new BMapGL.Point(116.331398,39.897445); map.centerAndZoom(point,12); function myFun(result){ var cityName = result.name; map.setCenter(cityName); alert("当前定位城市:"+cityName); } var myCity = new BMapGL.LocalCity(); myCity.get(myFun);
3
定位SDK辅助定位
var map = new BMap.Map("allmap"); var point = new BMap.Point(116.331398,39.897445); map.centerAndZoom(point,12); var geolocation = new BMap.Geolocation(); // 开启SDK辅助定位 geolocation.enableSDKLocation(); geolocation.getCurrentPosition(function(r){ if(this.getStatus() == BMAP_STATUS_SUCCESS){ var mk = new BMap.Marker(r.point); map.addOverlay(mk); map.panTo(r.point); alert('您的位置:'+r.point.lng+','+r.point.lat); } else { alert('failed'+this.getStatus()); } });