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文件说明 ![image.png](https://cos.easydoc.net/13590797/files/kgko6dk6.png) |资源|备注| |-|-|-| |./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分|重庆标准中心坐标点|