位置: IT常识 - 正文

微信小程序实现快速精确定位(微信小程序实现灯泡开关效果)

编辑:rootadmin
微信小程序实现快速精确定位 目录腾讯位置服务注册快速测试配置 SDK小程序配置获取用户精确位置腾讯位置服务注册

推荐整理分享微信小程序实现快速精确定位(微信小程序实现灯泡开关效果),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:微信小程序实现灯泡开关效果,微信小程序实现懒加载,微信小程序实现轮播图,微信小程序实现灯泡开关效果,微信小程序实现灯泡开关效果,微信小程序实现轮播效果的组件,微信小程序实现聊天功能,微信小程序实现轮播效果的组件,内容如对您有帮助,希望把文章链接给更多的朋友!

前置需求:拥有一个 APPID(只要你注册了小程序就都会有) 腾讯为每个独立开发者都准备了 10000次/天 的接口调用量,足够我们开发使用了

前往腾讯位置服务官网:https://lbs.qq.com/

注册一个账号

点击 控制台->应用管理->我的应用

点击创建新的应用,应用名称和应用类型随便选

为该应用添加一个新的 key key 名称随便写

同时勾选“webserviceapi”以及“微信小程序” 同时填入我们的 APPID; webserviceapi 默认选择“域名白名单”即可,白名单内什么都不用写

此时就会获得我们的第一个 key,请复制该 key,后续调用接口的时候需要用到它

快速测试配置 SDK

进入此网站下载 SDK:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

微信小程序实现快速精确定位(微信小程序实现灯泡开关效果)

或者点击顶部菜单栏的 开发文档->微信小程序 JavaScriptSDK 即可来到下载页面

按照官方文档 3、4 步的指引,下载 SDK 以及配置好小程序的合法域名!

官网给出的建议是,下载的 SDK 放在哪都可以,我在小程序项目的根目录下创建了 api 文件夹,将两个 js 文件都丢了进去

小程序配置

网上许多方法给出的建议都是让我们去小程序后天管理页面,进入到开发管理中的接口设置面板,选择性的申请对应的接口;

这里建议大家优先选择申请 getLocation

事实上,申请与否都不影响当前我们调用腾讯位置服务接口,这里只是为了后续可能会用到的场景打下铺垫

最关键的一点来了! 打开小程序项目下的 app.json ,我们需要配置如下两个配置项,才可以保证接口正确的调用

scope.userLocation 基于开发者调用地理位置接口的权限 requiredPrivateInfos 在这里配置开发时需要用到的 API 名称,一般开发只会用到 getLocation

"permission": { "scope.userLocation": { "desc": "您的位置信息将用于发布现象" } },"requiredPrivateInfos": ["getLocation","chooseLocation"],

根据官网标准指引,我们新建一个 page,名字随意

按照模板输入以下代码,即可获取到当前位置周边的若干酒店状况

var QQMapWX = require("../../api/qqmap-wx-jssdk.js");var qqmapsdk;Page({ ... // 页面载入时通过我们之前复制的key注册接口onLoad() {qqmapsdk = new QQMapWX({key: "xxxxx",});}, // 获取地理位置的方法,接口属性应该很简单不用再解释了getPosition() {qqmapsdk.search({keyword: "酒店",success: (res) => {console.log(res);},fail: (err) => {console.log(err);},complete: (res) => {console.log("完成获取地点信息");},});}});

获取用户精确位置

配置保持不变,我将在以上两小节的基础之上组织以下的内容

通过逆地址解析 reverseGeocoder(将经纬度信息转换为实际地址),实现精确定位

我们不需要传入当前地理位置信息,接口会自动获取!我们仅需从 success 回调拿到结果即可!

data: { position: "" },getPosition() { let that = this qqmapsdk.reverseGeocoder({ success:(res)=>{ that.setData({ position:res.result.address }) }, fail:(err)=>{ console.log(err); } }) },

本文链接地址:https://www.jiuchutong.com/zhishi/290888.html 转载请保留说明!

上一篇:米苏尔岛,拉贾安帕特群岛中的岛屿,印度尼西亚 (© rusm/Getty Images)(米苏拉塔是哪个国家)

下一篇:EMQX(MQTT)----基本用法以及使用Python程序进行模拟流程

  • 未实际处置资产损失税前扣除金额的分录?
  • 所得税费用是什么科目
  • 中级报名的报考条件要求
  • 怎么计提固定资产折旧科目
  • 财务要做哪些表
  • 无形资产净损失计入
  • 公司自用车辆出售如何交税
  • 未达起征点销售额是含税还是不含税
  • 前年购买的设备怎么入账
  • 包装材料报废后如何做会计核算?
  • 民办非企业单位是什么单位性质
  • 营改增后餐饮业税率
  • 房地产企业汇算清缴报表
  • 年终奖跟13薪有什么区别
  • 长期股权投资账面价值和公允价值不一致
  • 如何查询以前申诉进度
  • 一般纳税人销售旧货
  • 小规模季报都报哪些税种
  • 不动产进项抵扣新政策2022
  • 应收账款坏账准备是信用减值损失还是资产
  • linux minor
  • 资本公积如何计提
  • 公司奖金没有按时发可以要吗
  • linux中nano什么指令
  • 没有组策略权限
  • 申请开立临时存款账户
  • PHP:pg_free_result()的用法_PostgreSQL函数
  • 如何看待税收的本质
  • 企业所得税税款
  • .ctc文件
  • php text
  • php常见面试题
  • 车辆赔偿款收条怎么写
  • php 正则
  • joomla组件
  • php获取当前时间戳函数
  • yolov3 改进
  • Es6的新特性promise对象的设计初衷是
  • 2021高频前端面试题汇总
  • 其他综合收益转入盈余公积和未分配利润
  • 公司注册资金减资要交税吗
  • 汽车租赁业务是否属于租赁服务
  • 销售不动产预征率是多少
  • 外部审计查什么
  • 土增清算后后续成本计算
  • 纳税人防伪税控设备未抄报怎么办
  • 购买汽车抵扣增值税税率
  • 房租退回进项税额转出会计分录
  • 开发票货款未公对公转如何做账?
  • 购买公司分录怎么写
  • 什么是现金等价物
  • 实收资本未到账减资要交税吗
  • 生产成本和主营业务收入的关系
  • mysql5.7.17安装
  • mysql查看查询耗时
  • mysql unique作用
  • xp系统可以双屏吗
  • solaris 2020
  • windows 进程管理
  • 删除默认操作系统
  • 离线方式快速安装在哪里
  • centos基本操作
  • VMware虚拟机安装苹果Mac OS
  • mac显示器颜色不一致
  • putty连接ubuntu
  • win10如何限制电脑上网权限
  • windows1021h1新功能
  • linux系统init命令
  • Windows RT 8.1 Update 3新特性曝光 9月推出
  • 如何关闭win10自动升级win11
  • dpd参数
  • kail Linux系统
  • win10天气系统怎么弄掉
  • Unity3D游戏开发标准教程
  • 安卓开发过程中的问题
  • JavaScipt中Function()函数的使用教程
  • jQueryUI Datepicker组件设置日期高亮
  • javascript零基础入门书籍
  • 外贸企业出口退税流程及账务处理
  • 税控发票证书密码是什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设