# Leaflet

**Repository Path**: anily/leaflet

## Basic Information

- **Project Name**: Leaflet
- **Description**: Leaflet 实现离线瓦片资源 + 飞线迁徙 + 自定义标记点位实现
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2025-01-08
- **Last Updated**: 2025-08-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Leaflet

#### 介绍
Leaflet 实现离线瓦片资源 + 飞线迁徙 + 自定义标记点位实现

npm install leaflet

注意构建webpack配置

```
module: {
    rules: [{
      test: /\.(png|jpg|gif|jpeg|svg)$/,
      include: /node_modules[\\/]leaflet/,
      use: [
          {
            loader: 'url-loader',
            options: {
              outputPath: 'static/images'
            }
          }
       ]
    }
  ]
}
```
注意外部资源代理方式

```
proxy: {
 '/cdn': {
    target: 'https://' + ip + ':port',
    ws: true,
    secure: false
  }
}
```

注意引入方式


```
import L from 'leaflet';
import 'leaflet/dist/leaflet.css';
```

##### 瓦片资源下载器
链接：https://pan.quark.cn/s/7fb319d394fb


##### 实现效果图
![输入图片说明](1.png)