Vue+Flask+Leaflet+Element Puls框架搭建详细流程介绍（2）

在上篇文章中我们主要进行了前端的工作，原文链接如下：

Vue+Flask+Leaflet+Element Puls框架搭建详细流程介绍（1）-CSDN博客

在这篇文章中，主要对系统的地图部分以及一些插件进行介绍。

      Leaflet 是一个开源的 JavaScript 库，用于创建移动端友好、交互式的地图应用。 它具有轻量、易于使用、扩展性强等优点。通过 Leaflet，开发者可以轻松地将地图添加到网页中，并实现诸如缩放、平移、标记添加、图层控制等常见的地图交互功能。

      Leaflet 支持多种地图数据源，包括 OpenStreetMap 等。它还拥有丰富的插件生态系统，可进一步扩展其功能，满足各种特定的需求。 

目录

一、Leaflet的使用

1、安装Leaflet

2、引用Leaflet

二、Leaflet-Geoman的使用

1、安装Leaflet-Geoman

2、引用Leaflet-Geoman

三、Turf库的使用

1、安装Turf库

2、引用Turf

---

一、Leaflet的使用

1、安装Leaflet

在新建终端中运行命令（安装很快）：

npm install leaflet -S

2、引用Leaflet

在main.js中添加引用，代码如下：

import L from 'leaflet'
import 'leaflet/dist/leaflet.css'
Vue.pr