leaflet 介绍

 

目录

一、leaflet 官网

二、leaflet 在项目中的引用

1、在head中引入

2、在main.js中引入

---

leaflet目前版本是1.9.4，在leaflet插件库中，很多插件因长时间未更新，适配的是1.7版本的，在选用插件的时候要查看版本适配。

leaflet详解总目录：传送

一、leaflet 官网

英文：Leaflet - a JavaScript library for interactive maps

中文：Leaflet - 一个交互式地图 JavaScript 库

源码：GitHub - Leaflet/Leaflet: 🍃 JavaScript library for mobile-friendly interactive maps 🇺🇦

二、leaflet 在项目中的引用

1、在head中引入

//先引入css，再引入js，否则会造成地图样式错乱
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css"
     integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI="
     crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"
     integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM="
     crossorigin=""></script>

2、在main.js中引入

//安装leaflet
npm install leaflet 

yarn add leaflet

//在main.js中引用
import 'leaflet'
import "leaflet/dist/leaflet.css"