leaflet开源地图库源码解析

一、leaflet的源码地址：https://github.com/Leaflet/Leaflet。下载完成后看了下源码的结构,目录的截图如下：

Leaflet目录底下有几个文件夹，分别的作用为：

build：是预编译的文件夹，包含bower.json（前端包管理器，相当于node的npm），deps.js外部依赖等等。

debug：顾名思义，是包含一些测试调试的例子，有切片、矢量的例子等等。

dist：将预编译压缩文件js存入。

spec：存在测试的相关js文件。

src：最为核心的文件了，就是整个Leaflet的源码了。

二、项目源码结构

src ——源码目录

     –control：控件图层，包含缩放、比例尺、属性等等。

     –core：核心代码，包含了浏览器的UA判断，移动端的机型判断；js面向对象；事件监听和触发机制；以及工具类等等。

     –dom：关于地图的dom渲染和dom事件。

     –geo：地图投影和坐标，比如国内适配的墨卡托（UTM）投影。

     –geometry：地理图形，包含边界、点、多边形等等。

     –images：logo和marker的svg表达。

     –layer：图层。包含，marker、切片图层、矢量图层。

     –map：地图的核心，包含了PanTo和缩放的动画；浏览器HTML5定位；地图的相关操作等等。

三、web地图的基本结构

（1）web地图的基本结构如下附图

转载自：https://mtr-1.oss-cn-beijing.aliyuncs.com/qyblog/2019/04/51780589.jpg