00.Leaflet使用介绍
> 参考资料:[https://www.giserdqy.com/secdev/leaflet/14171/](https://www.giserdqy.com/secdev/leaflet/14171/)
# 第一章 概述
Leaflet是一个为建设交互性好适用于移动设备地图的领先开源JavaScript库。代码大小仅仅33KB,它具有开发在线地图的大部分功能。Leaflet设计坚持简便、高性能和可用性好的思想,能够在所有主流的桌面和移动平台高效的运作。支持插件扩展,拥有漂亮、易用的API文档和一个简单的、可读的源代码。
官方网址[http://leafletjs.com/index.html](http://leafletjs.com/index.html),通过官方网址可以下载Leaflet。
# 第二章 Leaflet版本及文件
## 2.1 版本介绍
|版本|描述|
|-|-|
|Leaflet 1.7.1|稳定运行版本,发布于2020年9月3日|
|Leaflet 1.0-dev|在主分支上的一个进行中的版本|
|Leaflet 0.7.7|旧版本,发布于2013年11月18日,最近更新时间2015年10月26日|
> [变更日志](变更日志)
## 2.2文件说明

|资源|备注|
|-|-|-|
|./images|包含leaflet.css引用的图片文件夹,必须与leaflet.css文件在同一个目录。|
|leaflet.css | leaflet框架基础样式|
|leaflet.js | leaflet框架js文件(压缩版)|
|leaflet.js.map | leaflet框架 javascript 源地图文件|
|leaflet-src.esm.js| leaflet框架js文件(ES6规范 源码版)|
|leaflet-src.js.esm.map | leaflet框架(ES6规范 源码版) javascript 源地图文件|
|leaflet-src.js| leaflet框架js文件(源码版)|
|leaflet-src.js.map | leaflet框架(源码版) javascript 源地图文件|
> 参考资料:
[浏览器、ESM规范、模块化、webpack和vite等构建工具之间的联系
](https://so.html5.qq.com/page/real/search_news?docid=70000021_5095f6e889817214)
## 2.3 生成Leaflet
Leaflet生成系统由Node.js平台提供技术支持。首先需要下载并安装Node,其次运行如下命令:
```
npm install –g jake
npm install
```
此外,如果你想下载完整的源代码,包括单元测试,可调试文件,生成脚本等等,你可以从GitHub库上下载。
安装之后,运行包含在Leaflet目录中的jake。jake将合并且压缩Leaflet源文件,保存生成文件到目标文件夹。
# 第三章 Leaflet使用
# 第四章 常见问题
# 第五章 拓展
## 常用坐标
|地名|经纬坐标|备注|
|-|-|-|
|北京天安门|北纬39度54分27秒,东经116度23分17秒|北京标准中心坐标点|
|重庆|北纬29度34分,东经106度33分|重庆标准中心坐标点(116.35,35.26)|
|济宁|北纬29度34分,东经106度33分|重庆标准中心坐标点|