第6行: | 第6行: | ||
2.由于Chrome、iOS10等已不再支持非安全域的浏览器定位请求,为保证定位成功率和精度,请尽快升级您的站点到HTTPS。 | 2.由于Chrome、iOS10等已不再支持非安全域的浏览器定位请求,为保证定位成功率和精度,请尽快升级您的站点到HTTPS。 | ||
− | </div></div><!--jsapi-demo模板--><div class="bluetitle"><div class="services-title-text">提供的定位服务</div></div><div class="serve-explain-text">{ | + | </div></div><!--jsapi-demo模板--><div class="bluetitle"><div class="services-title-text">提供的定位服务</div></div><div class="serve-explain-text"> |
− | + | {| width="519" border="1" | |
− | </div><div class="bluetitle"><div class="services-title-text"> | + | |- |
− | + | | width="104" | '''接口''' | |
− | </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("container"); | + | | width="90" | '''类名''' |
+ | | width="297" | '''说明''' | ||
+ | |- | ||
+ | | 浏览器定位 | ||
+ | | Geolocation | ||
+ | | 优先调用浏览器H5定位接口,如果失败会调用IP定位 | ||
+ | |- | ||
+ | | IP定位 | ||
+ | | LocalCity | ||
+ | | 根据用户IP 返回城市级别的定位结果 | ||
+ | |- | ||
+ | | 定位SDK辅助定位 | ||
+ | | Geolocation | ||
+ | | 当您的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="devguidecenter"><pre class="prettyprint codestyle">var map = new BMapGL.Map("container"); | ||
map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11); | map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11); | ||
// 创建地理编码实例 | // 创建地理编码实例 |
2021年5月19日 (三) 14:32的版本
定位
更新时间: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("container"); map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11); // 创建地理编码实例 var myGeo = new BMapGL.Geocoder(); // 根据坐标得到地址描述 myGeo.getLocation(new BMapGL.Point(116.364, 39.993), function(result){ if (result){ alert(result.address); } });
2鼠标点击地图获取地址
var map = new BMapGL.Map('container'); map.centerAndZoom(new BMapGL.Point(116.331398,39.897445), 13); var geoc = new BMapGL.Geocoder(); map.addEventListener('click', function(e){ var pt = e.latlng; geoc.getLocation(pt, function(rs){ var addComp = rs.addressComponents; alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); }) })