【小程序地图】uniapp开发微信小程序，显示地图功能，且点击后打开高德或腾讯地图。

小跳不会Coding

已于 2022-12-09 15:19:09 修改

阅读量8.2k

点赞数 7

分类专栏： uniapp Vue 文章标签：微信小程序小程序前端

于 2022-06-22 10:58:22 首次发布

本文链接：https://blog.csdn.net/weixin_48596030/article/details/125404714

版权

uniapp 同时被 2 个专栏收录

65 篇文章 0 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

Vue

35 篇文章 0 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了在uniapp中如何使用uni.openLocation方法实现地图功能，包括在微信小程序中的配置，如在app.json和manifest.json中设置权限。同时，详细展示了在页面模板和脚本中设置地图组件和监听事件的代码，并分享了遇到的两个问题及解决办法，如正确触发地图操作和处理经纬度数据类型。

摘要由CSDN通过智能技术生成

最开始遇到地图这块的时候，想的比较复杂。想到是不是需要引用高德或者百度地图api 之类的。
其实完全没必要，使用uniapp自带的方法 uni.openLocation 即可。
话不多说，完整代码、注释、以及开发中遇到的问题如下所示：

1、uniapp 打包成微信小程序后—配置app.json文件

//开发过程中，需要在unpackage>>dist>>dev>>mp-weixin>>app.json中加入如下配置
"permission": {
   
    "scope.userLocation": {
   
      "desc": "你的位置信息将用于小

了解本专栏

超级会员免费看

小跳不会Coding

关注

7
点赞
踩
61

收藏

觉得还不错? 一键收藏
16
评论
【小程序地图】uniapp开发微信小程序，显示地图功能，且点击后打开高德或腾讯地图。

uniapp开发微信小程序，显示地图功能，且点击后打开高德或腾讯地图。
复制链接

扫一扫

专栏目录