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