第21行: | 第21行: | ||
| 当您的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"> | + | </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="devguidecenter"><pre class="prettyprint codestyle">var map = new BMapGL.Map("allmap"); |
− | + | ||
− | + | ||
− | </div><div class="devguidecenter"><pre class="prettyprint codestyle">var map = new BMapGL.Map("allmap"); | + | |
var point = new BMapGL.Point(116.331398,39.897445); | var point = new BMapGL.Point(116.331398,39.897445); | ||
map.centerAndZoom(point,12); | map.centerAndZoom(point,12); | ||
第41行: | 第38行: | ||
}); | }); | ||
</pre> | </pre> | ||
− | </div><div class="devguideorder"> | + | </div><div class="devguideorder"><span>2</span>IP定位</div><div class="devguidecenter"><pre class="prettyprint codestyle">var map = new BMapGL.Map("allmap"); |
− | + | ||
− | + | ||
− | </div><div class="devguidecenter"><pre class="prettyprint codestyle">var map = new BMapGL.Map("allmap"); | + | |
var point = new BMapGL.Point(116.331398,39.897445); | var point = new BMapGL.Point(116.331398,39.897445); | ||
map.centerAndZoom(point,12); | map.centerAndZoom(point,12); | ||
第56行: | 第50行: | ||
myCity.get(myFun); | myCity.get(myFun); | ||
</pre> | </pre> | ||
− | </div><div class="devguideorder"> | + | </div><div class="devguideorder"><span>3</span>定位SDK辅助定位</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); | |
− | </div><div class="devguidecenter"><pre class="prettyprint codestyle">var map = new | + | |
− | + | var geolocation = new BMapGL.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:41的版本
定位
更新时间: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()); } });
2IP定位
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 BMapGL.Map("allmap"); var point = new BMapGL.Point(116.331398,39.897445); map.centerAndZoom(point,12); var geolocation = new BMapGL.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()); } });