? ? ? ?最近要用Leaflet實現海量點的繪制，開始的時候用的是Leaflet自帶的L.marker( )方法，當繪制10000個點時，卡頓感非常明顯。后來找了個插件，同樣繪制10000個點性能上明顯提升。

? ? ? ?其原因是通過canvas實現marker的繪制，避開了對DOM的操作,與DOM過多的交互會降低響應速度，canvas可以被硬件加速，直接進行像素級渲染，這樣就提高了性能。當涉及到眾多圖形繪制時一般會采用WebGL或canvas，就是因為這。開發中要盡量避免大批量的DOM操作，比如事件委托機制就是為了避免這個。

總結

以上是生活随笔為你收集整理的地图上实现高效率绘制海量点的原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。