# leafletwx

**Repository Path**: wyx_develop/leafletwx

## Basic Information

- **Project Name**: leafletwx
- **Description**: 微信小程序版leaflet
- **Primary Language**: JavaScript
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 14
- **Created**: 2025-05-16
- **Last Updated**: 2025-05-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# leafletwx
## 介绍

**插件申请地址** ：[卓伙地图插件](https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx3fe0bd34d4615f50&token=&lang=zh_CN)

如有商务合作、地图组件源码、二次开发等需求，请加微信：zz2022su

插件使用文档：[卓伙地图插件](https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx3fe0bd34d4615f50&token=&lang=zh_CN)

API接口参考文档：下载本项目，打开"doc/reference/reference.html"

leaflet库的微信小程序版（使用小程序原生组件view+image显示瓦片，并非webview方式）

 **使用本组件创建个性化地图，不需要使用腾讯地图商key。** 

leafletwx在leaflet的基础上开发，是leaflet的微信小程序版本。

目前，leafletwx支持地图加载、缩放、移动、POI显示、线、面显示。

本项目中，有QQ地图、百度地图、高德地图以及天地图的加载方式。

由于微信小程序不支持dom操作，leaflet的部分插件无法直接用在leafletwx上，后续会陆续适配。


景区导航微信小程序地址：[DTPlugin](https://gitee.com/zz2022com/DTPlugin)

### 联系我
微信：zz2022su

### 组件功能

 :white_check_mark: 支持高德、QQ、天地图、百度等常见栅格瓦片地图服务

 :white_check_mark: 支持自定义栅格瓦片图层，例如手绘地图

 :white_check_mark: 支持POI Marker，支持其点击事件

 :white_check_mark: 支持polygon、polyline，支持其点击事件

 :white_check_mark: 支持ImageOverlay，支持其点击事件

 :white_check_mark: 支持地图缩放动画

 :white_check_mark: 支持GeoJson特征数据

 :white_check_mark: POI聚合

 :white_check_mark: 支持WMS图层

 :white_check_mark: 支持点、线、面地图斑在线编辑


### 近期更新
博客地址：[CSDN博客](https://blog.csdn.net/whbke)



### 使用说明
本项目中：

#### 手绘地图
![输入图片说明](doc/media/my.png)

#### 天地图

![输入图片说明](doc/media/td.png)

#### QQ地图

![输入图片说明](doc/media/qq.png)

#### 百度地图

![输入图片说明](doc/media/bd.png)

#### 高德地图

![输入图片说明](doc/media/gd.png)

#### 谷歌地图（已被墙）

![输入图片说明](doc/media/gg.png)

### 栅格瓦片切分工具

地理坐标系：[使用QGIS切图](https://blog.csdn.net/whbke/article/details/137047465?spm=1001.2014.3001.5501)

简单坐标系：[使用gdal2tile-leaflet切图](https://blog.csdn.net/whbke/article/details/137046918?spm=1001.2014.3001.5501)