发布日期:2024-07-18 16:02 点击次数:81 |
本篇著作共享一下我在骨子开垦小圭表时际遇的需要获取用户面前位置的问题,在小圭表开垦经由中往往使用到的获取定位功能。uniapp官方也提供了相应的API供咱们使用。
官网地址:uni.getLocation(OBJECT))
app1. 德岛漩涡位于日本德岛县鸣门市,成立于1955年,历史上获得1次日职乙冠军(2020赛季)。
第21分钟,亚马尔禁区前沿轰出世界波破门。
1、首先看官网uni.getLocation(OBJECT)
获取面前的地舆位置、速率。
OBJECT 参数阐发
参数名类型必填阐发平台各别阐发typeString否默许为 wgs84 复返 gps 坐标,gcj02 返归国测局坐标,可用于 uni.openLocation 和 map 组件坐标,App 和 H5 需配置定位 SDK 信息才可撑执 gcj02。altitudeBoolean否传入 true 会复返高度信息,由于获取高度需要较高精准度,会降速接口复返速率字节首先小圭表、飞书小圭表、支付宝小圭表不撑执geocodeBoolean否默许false,是否见识地址信息仅App平台撑执(安卓需指定 type 为 gcj02 并配置三方定位SDK)highAccuracyExpireTimeNumber否高精度定位超往往间(ms),指定时辰内复返最高精度,该值3000ms以上高精度定位才有成果App (3.2.11+)、H5 (3.2.11+)、微信小圭表 (基础库 2.9.0+)timeoutString否默许为 5,定位超往往间,单元秒仅飞书小圭表撑执cacheTimeoutNumber含糊位缓存超往往间,单元秒;每次定位缓存面前定位数据,并记下时辰戳,当下次调用在cacheTimeout之内时,复返缓存数据仅飞书小圭表、支付宝小圭表撑执accuracyString否默许为 high,指如盼愿精度,撑执 high,best。当指定 high 时,盼愿精度值为100m,当指定 best 技艺望精度值为20m。当定位得到的精度不允洽条目时,在timeout之前会继续定位,尝试拿到允洽要求的定位辩认仅飞书小圭表撑执isHighAccuracyBoolean否开启高精度定位App (3.4.0+)、H5 (3.4.0+)、微信小圭表 (基础库 2.9.0+)successFunction是接口调用获胜的回调函数,复返内容详见复返参数阐发。failFunction否接口调用失败的回调函数completeFunction否接口调用辩认的回调函数(调用获胜、失败王人会履行)success 复返参数阐发
参数阐发latitude纬度,浮点数,限制为-90~90,负数默示南纬longitude经度,浮点数,限制为-180~180,负数默示西经speed速率,浮点数,单元m/saccuracy位置的精准度altitude高度,单元 mverticalAccuracy垂直精度,单元 m(Android 无法获取,复返 0)horizontalAccuracy水平精度,单元 maddress地址信息(仅App端撑执,需配置geocode为true)address 地址信息阐发
属性类型刻画阐发countryString国度如“中国”,要是无法获取此信息则复返undefinedprovinceString省份称号如“北京市”,要是无法获取此信息则复返undefinedcityString城市称号如“北京市”,要是无法获取此信息则复返undefineddistrictString区(县)称号如“向阳区”,要是无法获取此信息则复返undefinedstreetString街谈信息如“酒仙桥路”,要是无法获取此信息则复返undefinedstreetNumString获取街谈门招牌信息如“3号”,要是无法获取此信息则复返undefinedpoiNameStringPOI信息如“电子城.海外电子总部”,要是无法获取此信息则复返undefinedpostalCodeString邮政编码如“100016”,要是无法获取此信息则复返undefinedcityCodeString城市代码如“010”,要是无法获取此信息则复返undefined示例
#稳当
H5 平台
在较新的浏览器上,H5 端获取定位信息,要求部署在 https 就业上,腹地预览(localhost)仍然不错使用 http 左券。国产安卓手机上,H5若无法定位,检讨手机是否洞开位置就业、GPS,ROM是否给该浏览器位置权限、浏览器是否对网页弹出请求给以定位的盘问框。安卓手机 在原生App内嵌H5时,无法定位需要原生App处理Webview。移动端浏览器 多半仅撑执GPS定位,在GPS信号弱的场所可能定位失败。PC 确立 使用 Chrome 浏览器的时候,软件开发团队介绍位置信息是聚集谷歌就业器获取的,国内用户可能获取位置信息失败。微信公众号可使用微信js sdk,详见2.9.9 版块以上,优化 uni.getLocation 撑执通过 IP 定位。默许通过 GPS 获取,要是获取失败,备选决策是通过 IP 定位获取,需填写三方舆图就业平台的秘钥(key)。key配置:manifest.json —> H5配置 —> 定位和舆图 —> key。App 平台
Android由于谷歌就业被墙,大致手机上莫得GMS,念念不异定位就需要向高德等三方就业商肯求SDK天赋,获取AppKey。不然打包后定位就会不准。云打包时需要在manifest的SDK配置中填写 Appkey。在 manifest 可视化界面有详备肯求指南,详见:https://ask.dcloud.net.cn/article/29。离线打包自行在原生工程中配置。稳当包名、appkey、文凭信息必须匹配。真机运转不错不异定位,是因为真机运转基座使用了DCloud向高德肯求的sdk配置,打包后必须由开垦者我方肯求。要是手机自带GMS且汇聚环境不错不异打听google定位就业器,此时无需在 manifest 填写高德定位的 sdk 配置。稳当手机本身要开启定位、同期要给App赋予定位权限。权限判断可参考:https://uniapp.dcloud.net.cn/api/system/getappauthorizesetting.html<map> 组件默许为国测局坐标 gcj02,调用 uni.getLocation 复返辩认传递给 <map> 组件时,需指定 type 为 gcj02。定位 和 map 是两个东西。通过 getLocation 得到位置坐标后,不错在职意map舆图上展示,比如定位使用高德,舆图使用 google 的 webview 版舆图。要是坐标系不同期,稳当诊治坐标系。要是使用 web-view 加载舆图,无需在manifest里配舆图的sdk配置。执续定位决策:iOS端不错肯求执续定位权限,参考。Android要是进度被杀,代码无法履行。不错使用 unipush ,通过就业器激活App,履行透传音尘,让App启动然后汇聚位置。Android上,即使我方写原生插件作念后台进度,也很容易被杀,unipush是更合适的决策3.3.0 版块以上 优化系统定位模块,可不使用三方定位SDK的进行高精度定位,具体参考:系统定位。小圭表平台
api默许不复返详备地址华文刻画。需要华文地址有2种相貌:1、使用高德舆图小圭表sdk,在app和微信上王人不错得回华文地址,参考。2、只琢磨app,使用plus.geolocation也不错获取华文地址。manifest里的App SDK配置仅用于app,小圭表无需在这里配置。不错通过用户授权API来判断用户是否给应用授予定位权限,详见在 微信小圭表 中,当用户离开应用后,此接口无法调用,需要肯求 后台执续定位权限 ,另外新版块中需要使用 wx.onLocationChange 监听位置信息变化;当用户点击“深远在聊天顶部”时,此接口可继续调用补充: 以上内容为 官方文档 搬运过来的,笃定可点击领略跳转至官网。
咱们本次开垦的是小圭表,需要稳当的是,咱们本次小圭表获取定位使用的是腾讯位置就业,是以需要肯求腾讯位置就业的SDK。
2、腾讯位置就业平台肯求密钥和下载SDK肯求设施:详备文档
2.1 肯求开垦者秘钥点击文档中的肯求秘钥领略,跳转至腾讯位置就业平台,如下图所示肯求即可。(莫得账号的先注册账号)
2.2 洞开webserviceAPI就业洞开webserviceAPI就业:辩认台 ->应用解决 -> 我的应用 ->添加key-> 勾选WebServiceAPI -> 保存(小圭表SDK需要用到webserviceAPI的部分就业,是以使用该功能的KEY需要具备相应的权限)
1、肯求Key
2、复制肯求好的Key值恭候使用
2.3 下载微信小圭表JavaScriptSDK微信小圭表JavaScriptSDK下载地址(点击翰墨即可跳转)
下载好解压完成后,咱们一般放在根目次底下的common目次下(如下图)
2.4 安全域名树立安全域名树立,在小圭表解决后台 -> 开垦 -> 开垦解决 -> 开垦树立 -> “就业器域名” 中树立request正当域名,添加https://apis.map.qq.com
到这里终于算是肯求完毕,在配置一下就好了。
3、配置manifest.json文献 4、示例代码展示 4.1 援用下载好的SDK这里我放到了common目次下:
4.2 获取定位函数示例 4.3 调用函数函数调用不错我方去聘请在页面加载的时候加载,大致有一个触发条目。(我是用的页面加载,是以放在了onload要领中)。
稳当:这里使用的this.position,是在data中界说的,代码示例中莫得写。需要我方在data要领中定一个position变量
4.4 页面渲染 5、成果展示到这里就辩认啦!念念要的获取用户位置信息的功能就达成啦。
追忆到此这篇对于uniapp小圭表实战之诳骗腾讯舆图获取定位的著作就先容到这了软件开发价格,更多有关uniapp小圭表用腾讯舆图获取定位内容请搜索剧本之家往时的著作或继续浏览底下的有关著作但愿公共以后多多撑执剧本之家!