地图上实现高效率绘制海量点的原理

       最近要用Leaflet实现海量点的绘制，开始的时候用的是Leaflet自带的L.marker( )方法，当绘制10000个点时，卡顿感非常明显。后来找了个插件，同样绘制10000个点性能上明显提升。

       其原因是通过canvas实现marker的绘制，避开了对DOM的操作,与DOM过多的交互会降低响应速度，canvas可以被硬件加速，直接进行像素级渲染，这样就提高了性能。当涉及到众多图形绘制时一般会采用WebGL或canvas，就是因为这。开发中要尽量避免大批量的DOM操作，比如事件委托机制就是为了避免这个。