当前位置: 首页 > news >正文

Uniapp中小程序调用腾讯地图(获取定位地址)

1、先配置权限:

这是上图的代码:

        "permission": {  

            "scope.userLocation": {

                "desc": "你的位置信息将用于小程序位置接口的效果展示"

            }

        }

第二步:写代码:

      
//====下面是uniapp的模版代码 主要就是 chooseLocation  方法<!-- 上门服务地址 --><view class="form-item"><text class="label"><text class="required">*</text>上门服务地址</text><view class="input-wrapper" @click="chooseLocation"><input class="input" placeholder="请定位" v-model="form.serviceAddr" /></view><view v-if="showServiceAddrError" class="error-tip">*请填写上门服务地址</view></view>//====下面是script代码//微信定位chooseLocation() {uni.authorize({scope: 'scope.userLocation',success: () => {uni.chooseLocation({success: (res) => {this.form.serviceAddr = res.address || res.name;},fail: () => {uni.showToast({ title: '定位失败', icon: 'none' });},});},fail: () => {uni.showModal({title: '授权提示',content: '需要您授权地理位置权限',success: (modalRes) => {if (modalRes.confirm) {uni.openSetting();}},});},});}},

第三步:用不用去配置其他,就这样行就好了,可以调出来腾讯地图。

相关文章:

  • 【向量维度如何选择?】
  • Midjourney 最佳创作思路与实战技巧深度解析【附提示词与学习资料包下载】
  • Ubuntu 20.04 LTS 中部署 网页 + Node.js 应用 + Nginx 跨域配置 的详细步骤
  • C# 活动窗体截图:基于 Win32 API 的实现
  • Rust 学习笔记:关于 Vector 的练习题
  • 视频质量分析时,遇到不同分辨率的对照视频和源视频,分辨率对齐的正确顺序。
  • Docker容器镜像与容器常用操作指南
  • LBM:潜在桥接匹配用于图像重照明
  • Flink 1.13.2 日志配置优化:保留最近 7 天日志文件
  • ControlNet可控生成从理论到实践——保姆级教程
  • 【学习心得】WSL2安装Ubuntu22.04
  • 【Python 正则表达式】
  • 微信小程序全解析:从入门到实战
  • Linux系统发布.net core程序
  • 在Linux内安装虚拟机安装vmnet.tar 报错
  • AWS Elastic Beanstalk部署极简Spring工程(EB CLI失败版)
  • 西门子S7-1200 MC卡使用方法及故障现象分析
  • NGINX 开源与社区动态:从基石到浪潮,持续演进的生态力量
  • 大语言模型 07 - 从0开始训练GPT 0.25B参数量 - MiniMind 实机训练 预训练 监督微调
  • vue基本介绍
  • 工商银行杭州金融研修院原院长蒋伟被“双开”
  • 美国务卿鲁比奥将前往土耳其参加俄乌会谈
  • 佩斯科夫:若普京认为必要,将公布土耳其谈判俄方代表人选
  • 王毅谈中拉论坛十年成果
  • 沙县小吃中东首店在沙特首都利雅得开业,首天营业额超5万元
  • 男子退机票被收90%的手续费,律师:虽然合规,但显失公平