吃个西瓜

介绍 WebGL 入门概念，建立一个初步的认识，知道 WebGL 是啥和能干啥。没有代码，只有文字和图。

map 的配置项 options 设置了地图的默认属性， Map.js中的配置项只是一部分，Leaflet的其他对象，比如Popup、Control.Zoom，通过Map.mergeOptions扩展

leaflet 在初始化的时候会生成根节点 DOM 元素，根节点下面是map和control的 DOM 元素，这些元素的默认初始位置都是浏览器左上角(0,0)。

地图的交互动画是很重要的一部分，优化了map中要素位置、大小改变时候的效果，保证了地图操作的平滑性。 Leaflet 里的动画主要是通过 css 的 transform 来实现的。

注册了键盘、鼠标和手势交互事件在地图上的响应方法，这些事件只是原始的dom事件，与拖拽、拉框这种组合 dom 事件有差别。

addHandler是向 map 注册各种交互事件的方法，每一个交互事件都会在通过 Class.addInitHook 向map的构造函数加addHandler钩子，map初始化的时候就会执行钩子函数

eaflet是业界流行的JavaScript交互式地图开源库且仅有39kb的大小，它支持直接调用OpenStreetMap, Mapbox等主流地图数据作为辅助图层来进行地理信息数据的可视化操作

map 的 state 主要是指和 map 视野相关的参数，例如 zoom、scale、center、bounds等，以下是修改和获取这些参数的方法源码解析。

在修改或者设置 map state 的时候，为了处理视野变化、动画效果通常会涉及地理坐标、投影坐标、屏幕坐标三个坐标系之间的转换。