H5地理定位navigator.geolocation的使用（获取经纬度、海拔高度等设备信息）

navigator.geolocation定位说明

getCurrentPosition，需要https加密SSL证书支持，http服务协议逐步启用；
使用PC端浏览器，部分返回的值是无法正常显示，为NULL；

H5定位代码

navigator.geolocation.getCurrentPosition(function (position) {console.log(position);}, function (err) {console.log(err.code);}, {enableHighAcuracy: true, //位置是否精确获取timeout: 5000,//获取位置允许的最长时间maximumAge: 0 //多久更新获取一次位置})

代码分析

getCurrentPosition()返回说明

coords.latitude：估计纬度

coords.longitude：估计经度

coords.altitude：估计高度

coords.accuracy：所提供的以米为单位的经度和纬度估计的精确度

coords.altitudeAccuracy：所提供的以米为单位的高度估计的精确度

coords.heading：宿主设备当前移动的角度方向，相对于正北方向顺时针计算

coords.speed：以米每秒为单位的设备的当前对地速度

errorCallback 定位失败时执行的回调函数

    //code：返回获取位置的状态//0:不包括其他错误编号中的错误//1:用户拒绝浏览器获取位置信息//2:尝试获取用户信息，但失败了//3:设置了timeout值，获取位置超时了

positionOptions配置项

enableHighAccuracy 【true or false(默认)】是否返回更详细更准确的结构，默认为false不启用，选择true则启用，但是会导致较长的响应时间及增加功耗，这种情况更多的用在移动设备上。
timeout 设备位置获取操作的超时时间设定（不包括获取用户权限时间），单位为毫秒，如果在设定的timeout时间内未能获取位置定位，则会执行errorCallback()返回code（3）。如果未设定timeout，那么timeout默认为无穷大，如果timeout为负数，则默认timeout为0。
maximumAge 设定位置缓存时间，以毫秒为单位，如果不设置该值，该值默认为0，如果设定负数，则默认为0。该值为0时，位置定位时会重新获取一个新的位置对象；该值大于0时，即从上一次获取位置时开始，缓存位置对象，如果再次获取位置时间不超过maximumAge，则返回缓存中的位置，如果超出maximumAge，则重新获取一个新的位置。

@lockdata.cn

H5地理定位navigator.geolocation的使用（获取经纬度、海拔高度等设备信息）相关推荐

H5地理定位、百度地图使用
1,H5地理定位 window.navigator.geolocation 是H5新增的地理位置服务,有以下三个API: 1.1 获取当前地理位置(获取位置是属于异步操作,结果在回调函数中) navi ...
基于WMI获取USB设备信息(即获取插即用设备信息)System.Management.ManagementObjectSearcher--ManagementObjectCollection
基于WMI获取USB设备信息(即获取插即用设备信息)System.Management.ManagementObjectSearcher--ManagementObjectCollection 获取P ...
h5精准定位_手机端H5地理定位结合腾讯地图API实现精准定位！
最近项目需求,需要精准定位,但是网上搜了好久都没有解决办法,当然微信定位的方案还是可行的,手机H5 就没有这方面的教程了. 捣鼓好久啊,花了一早上的时间研究出来了.这里有个大坑,要开启手机的定位才能获 ...
html浏览位置坐标,HTML5教程 | HTML5地理定位（GeoLocation API）
HTML5 GeoLocation API(地理定位API)可以获取用户所在的地理位置.由于安全的原因,在使用HTML5 GeoLocation的时候,会弹出对话框让用户决定是否共享他们所在的位置,只 ...
H5移动端引入高德地图（获取经纬度与地址带搜索反选
index.html引入JS 自己申请KEY哦<script type="text/javascript" src="http://webapi.amap.com/ ...
Android Google Maps API 网络服务用于网络定位、计算路线、获取经纬度、获取详细地址等
Google Maps API 网络服务官网地址 : https://developers.google.com/maps/documentation/webservices/?hl=zh-cn 其 ...
android 小米定位失败怎么办,使用原生网络定位，部分机型无法获取经纬度该怎么解决？...
现在是小米,华为,vivo可以,锤子坚果pro2不行,下面是代码: public class FinishedContractActivity extends BaseActivity impleme ...
获取用户ip和设备信息
1.获取用户ip javascript获取访问者IP及所在地 2.获取用户的设备信息 javascript获取访问者设备信息 3.判断用户是点击链接进来的还是直接输入网站进来的,直接输入的referr ...
H5地理定位获取用户当前位置、城市
第一步:需要在百度地图开发者平台创建一个应用:http://lbsyun.baidu.com/apiconsole/key/create 配置信息申请配置成功以后返回一个AK 第二步:引入百度地图的 ...

H5地理定位navigator.geolocation的使用（获取经纬度、海拔高度等设备信息）

navigator.geolocation定位说明

H5定位代码

代码分析

getCurrentPosition()返回说明

errorCallback 定位失败时执行的回调函数

positionOptions配置项

H5地理定位navigator.geolocation的使用（获取经纬度、海拔高度等设备信息）相关推荐

最新文章

热门文章