Leaflet是适用于桌面端和移动端交互地图的开源JavaScript类库。JS库的大小经过压缩后有38k左右,拥有开发者需要的全部地图功能。

Leaflet保持着简单、性能和实用性的设计思想。可以在所有主要的桌面和移动端平台上高效的运转,可以扩展插件,它有一个漂亮、易用和文档清晰的API,有一个简单、易读的源代码。

地图上可以叠加各种各样的图层,一般都是以html的p进行叠加的,鉴于html5的发展,使用html5可以做出更多效果,Leaflet上有使用者,制作了一个CanvasLayer,根据其名称就可知道,上边承载了一个canvas的html元素,可以在canvas上添加元素,还可以做一些动画。

开源库的地址:

https://github.com/CartoDB/Leaflet.CanvasLayer

还有一个示例网址,在上边做了一个简单的圆动态变化;

http://cartodb.github.io/Leaflet.CanvasLayer/example.html