更新记录

1.5(2023-12-12)

1.新增标记聚合展示功能

2.聚合展示支持清除功能

3.新增瓦片纠偏使用方式

1.4(2021-06-07)

1.地图初始化封装成Vue组件,直接引用组件即可初始化地图

2.该版本已支持H5显示,解决了H5页面显示残缺问题

3.支持事件回调函数参数传递,不需要再重复if-else的判断来处理地图点击事件

1.3(2021-04-28)

1.新增地图地图mapbox

2.加入瓦片纠偏功能

3.图层初始化统一使用ChinaProvider

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.6.10 app-vue app-nvue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

一、欢迎使用 uni-app-leaflet 地图插件

1. uni-app-leaflet 在uni-app中集成了leaflet插件目前仅支持在App端使用。

2. uni-app的map组件功能较少,无法满足实际开发中的多样化需求,本项目集成了leaflet,可参考leaflet的文档实现丰富的地图组件功能

二、实现的基本功能

1.实现了地图创建

2.多图层切换

3.标记创建

4.标记的点击事件绑定

5.线段的创建

6.线段的点击事件绑定

7.实现vue和renderjs模块中的数据互相访问以及方法互相调用

8.实现底图瓦片纠偏统一坐标系

9.集成多种地图(天地图、高德、mapbox、电子地图,午夜蓝图)

10.组件形式调用封装了常用功能

11.支持手机端、H5、至于小程序未测试也应该是支持的

三、注意事项

1.图层创建的时候必须使用L.tileLayer.chinaProvider()函数创建,否自无法进行瓦片纠偏。

2.天地图和mapbox的KEY必修修改为自己的才能正确显示

四、文档参考地址

leaflet文档 https://leafletjs.com/

天地图官网 https://www.tianditu.gov.cn/

MapBox https://www.mapbox.com/

隐私、权限声明

1. 本插件需要申请的系统权限列表:

联网权限

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

请参考https://leafletjs.com/

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

无广告

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问