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

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

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

转载自:https://blog.csdn.net/wml00000/article/details/84371791

You may also like...

退出移动版