当前位置: 首页 > 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();}},});},});}},

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

http://www.xdnf.cn/news/461413.html

相关文章:

  • C.纸上文字
  • 普通IT的股票交易成长史--20250515复盘
  • 深入解读114页数据资产化治理一体机解决方案:数据资产化技术、治理与未来趋势【付费全文阅读】
  • 还有哪些领域可以应用北斗卫星通讯?
  • AI 编程革命:腾讯云 CodeBuddy 如何重塑开发效率?
  • Profinet转Ethernet/IP网关模块通信协议适配配置
  • 2025认证杯数学建模第二阶段C题:化工厂生产流程的预测和控制,思路+模型+代码
  • #跟着若城学鸿蒙# web篇-初探
  • AI全域智能监控系统重构商业清洁管理范式——从被动响应到主动预防的监控效能革命
  • VR全景平台的概念(什么是VR全景平台?)
  • 【C++】汇编角度分析栈攻击
  • ArcGIS切片方案记录bundle文件
  • [Java实战]Spring Boot + Netty 实现 TCP 长连接客户端及 RESTful 请求转发(二十六)
  • 【Linux】动静态库的使用
  • 人工智能100问☞第23问:卷积神经网络(CNN)为何擅长图像处理?
  • 双系统重装ubuntu
  • Newton 迭代
  • 【ORB-SLAM3】CreateNewKeyFrame()函数阅读
  • OpenCV CUDA模块中矩阵操作------矩阵元素求和
  • vue3.0的name属性插件——vite-plugin-vue-setup-extend
  • Spring框架的事务管理
  • 2025全网首发:ComfyUI整合GPT-Image-1完全指南 - 8步实现AI图像创作革命
  • 各类开发教程资料推荐,Java / python /golang /js等
  • ARP Detection MAC-Address Static
  • Uniapp开发鸿蒙购物项目教程之样式选择器
  • Gitee DevSecOps:军工软件研发的智能化变革引擎
  • 使用itextsharp5.0版本来合并多个pdf文件并保留书签目录结构
  • 人体肢体工作识别-一步几个脚印从头设计数字生命——仙盟创梦IDE
  • 产品创新怎么算
  • MySQL主从复制与读写分离