沈工
沈工
  • 发布:2024-06-13 09:16
  • 更新:2024-06-13 16:48
  • 阅读:325

uniapp地图定位插件分享

分类:uni-app

近期老是有人问我怎么做一版较好的位置定位插件。所以为了照顾下做微信小程序的同学,选择用腾讯地图做了一版地图位置定位,滑动地图中心点获取位置信息,加入了城市选择器,关键字搜索等功能,希望大家支持该插件;

在移动应用开发中,地图定位是一项常见且重要的功能。无论是社交应用、出行导航还是在线订餐,地图定位都为用户提供了极大的便利。UniApp 作为一个高效的跨平台开发框架,提供了丰富的 API 来实现地图定位功能。本文将指导你如何在 UniApp 中实现获取地图定位的功能。

准备工作
在开始之前,确保你已经拥有以下几项准备:
1.阅读并理解 UniApp 官方文档关于位置相关 API 的说明。
2.在 manifest.json 文件中配置好地图和定位相关的权限。
3.安装并配置好地图服务SDK,比如高德地图或腾讯地图等。

使用方法
图片

图片

图片

注意:在h5前端的话要跨域否则获取不了定位的信息,微信小程序无需跨域。另外还需腾讯地图那申请mapkey(demo上是我自己申请的,如果该插件用在项目上,建议用户重新申请mapkey)
配置easycom规则后,自动按需引入,无需import组件,直接引用即可,目前只是做了个比较简单demo,后续会继续扩展;locPath这个是中心图片最好设置下,不设置图片路径视觉较差

如果想接入高端地图的话可以在评论区@我,如果需求量大的话我会做一版高德,帮大家解决问题;

效果预览
图片
图片
图片

支持平台
目前支持小程序, app, h5。

下载地址
插件地址

0 关注 分享

要回复文章请先登录注册

沈工

沈工 (作者)

https://ext.dcloud.net.cn/plugin?id=18122
2024-06-13 16:48
沈工

沈工 (作者)

有什么疑问的可以加wx:shenhl-0321
2024-06-13 09:19