uniapp开发微信小程序利用腾讯地图实现定位功能

changan2018

于 2022-03-23 18:26:03 发布

阅读量1.8k

点赞数

文章标签：前端 vue 微信小程序

本文链接：https://blog.youkuaiyun.com/changan2018/article/details/123692772

版权

本文档记录了在uni-app中为已有小程序添加微信小程序端腾讯地图API定位功能时遇到的问题及解决方案。包括引用路径错误、getCity方法找不到和小程序权限设置。通过调整引用路径，正确导出方法，并在manifest.json中配置权限，成功实现了定位服务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个是原作者的教程，很好，以下是自己的一些坑

1.原作者是新建的小程序，在引用路径上没问题，我是在自己的小程序中添加定位功能，因此在引用路径上有问题，造成如图错误

改进方法：由于我之前写的js文件挂载在store.js里面，而这个直接引用造成路径错误（不明白原理）下图是更改后的配置

2.更改后仍然无法找到getcity方法

因此更改原js文件的头部，直接export default出去

3.小程序报错

在这里插入图片描述

因此在uni-app的在manifest.json中加入下面这段代码

"permission": {
  "scope.userLocation": {
   "desc": "你的位置信息将用于小程序位置接口的效果展示"
  }
 }

最终解决问题