leaflet开源地图库源码研读（二）——整体框架(by vczero)

一、下载源码

（国庆转瞬即逝啊...美好的日子就结束了...今天又只陪祖国母亲过了7天的生日，好短）源码我是通过git从github上clone下来的，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地图的基本结构如下附图。

（2）下一篇研读core & geometry的源码。

附：

附：

第一篇：leaflet简单介绍&Demo

第三篇：leaflet源码——browser.js浏览器&移动设备判断