Vue获取当前的位置信息、经纬度

通过navigator.geolocation对象中的getCurrentPosition() 函数获取用户当前定位位置。这会异步地请求获取用户位置，并查询定位硬件来获取最新信息。当定位被确定后，定义的回调函数就会被执行。

注意： getCurrentPosition() 会尽快返回一个低精度结果，这在您不关心准确度只关心快速获取结果的情况下很有用。

navigator.geolocation.getCurrentPosition()用法：

getLongitudeLatitude() {//如果该对象存在，那么地理位置服务可用。if ('geolocation' in navigator) {/* 地理位置服务可用 */var options = {enableHighAccuracy: true, //布尔值，表示系统是否使用最高精度来表示结果，注意，这会导致较慢的响应时间或者增加电量消耗（比如对于支持gps的移动设备来说）。如果值为false ，设备会通过更快响应以及/或者使用更少的电量等方法来尽可能的节约资源。默认值fasletimeout: 5000, //它表明的是设备必须在多长时间（单位毫秒）内返回一个位置。默认直到获取到位置才会返回值。maximumAge: 0 //表明可以返回多长时间（即最长年龄，单位毫秒）内的可获取的缓存位置。如果设置为 0, 说明设备不能使用一个缓存位置，而且必须去获取一个真实的当前位置。默认0}function success(position) {//position.coords (只读) 返回一个定义了当前位置的Coordinates对象。//position.timestamp (只读) 返回一个时间戳DOMTimeStamp， 这个时间戳表示获取到的位置的时间。var lat = position.coords.latitude //当前位置的纬度var lng = position.coords.longitude //当前位置精度}function error(err) {var errorType = ['您拒绝共享位置信息', '获取不到位置信息', '获取位置信息超时']console.log(errorType[err.code - 1])}navigator.geolocation.getCurrentPosition(success, error, options)} else {/* 地理位置服务不可用 */console.log('无法获取您的位置，请检查定位是否开启或刷新重试')}}

Vue获取当前的位置信息、经纬度相关推荐

根据经纬度获取用户当前位置信息
根据上篇文章获取的经纬度获取用户当前的位置信息 //获取用户所在位置信息ADDRESS func getUserAddress() { let latitude : CLLocationDegrees ...
uni-app如何获取位置信息(经纬度)
文章目录前言一.相关代码二.相关的数据返回三.效果展示最后前言提示:这里可以添加本文要记录的大概内容: 在实际项目中很多时候我们需要获取设备的位置信息,去展示给客户,或者以位置信息为参数 ...
手机端或PC端利用高德地图和腾讯地图获取用户当前位置信息
目录一.简介二.高德地图三.腾讯地图四.总结一.简介最近在项目中,有需要使用到获取用户当前地理位置信息的功能,获取当前用户位置保存到数据库中的场景,并且需要支持多种地图定位方式,我这里采用 ...
uni-app开发微信小程使用腾讯位置服务获取用户的位置信息
uni-app开发微信小程使用腾讯位置服务获取用户的位置信息一.开通腾讯位置服务二.编码实现 (一)获取定位坐标 (二).在项目中使用一.开通腾讯位置服务在这里我们先要登录腾讯我i之服务的官网 ...
高德地图逆地理编码Geocoder的getlocation获取不到位置信息
问题:原生定位接口定位失败,则status返回error事件或回调error信息,获取不到位置信息产生原因:逆编码方法使用不了原因是使用的高德地图的应用方向web服务,而Geocoder属于web端 ...
高德地图android api定位失败,android 定位没有问题，iOS定位失败获取不到位置信息...
@override void initState() { super.initState(); _type = widget.type; WidgetsBinding.instance.addPost ...
uni-app获取位置信息(经纬度转换地址信息)
uniapp获取位置信息,获取到的信息为经纬度,再通过转换成地址信息 1.使用uni.getLocation()获取位置信息 2.下载qqmap-wx-jssdk.js插件插件下载地址 3.使用腾讯位 ...
Swift 使用CoreLocation获取定位与位置信息
大多数情况下APP会在开启应用的时候获取当前的位置,所以我写在APPDelegate里第一步 import CoreLocationvar locationManager = CLLocationM ...
GoogleMap获取地图中心点位置信息
最近开发一款海外项目,用到地图的功能,肯定选择的是谷歌地图. 功能有获取用户当前定位并标记,标记用户周围的骑手位置:谷歌地图搜索地址:地图上标记两个点并画出两点的直线距离或者路线距离.这个一堆的功能对 ...

Vue获取当前的位置信息、经纬度

Vue获取当前的位置信息、经纬度相关推荐

最新文章

热门文章