传单标记:PNG或base64图像?

时间:2019-05-13 20:05:55

标签: javascript leaflet leaflet.draw

在传单地图上显示大量标记(大约100个)的建议是什么?使用标记图标的PNG图像或base64图像显示标记会更好吗?

我在传单文档中没有找到任何东西

https://leafletjs.com/examples/custom-icons/

1 个答案:

答案 0 :(得分:2)

您想知道将外部图像文件用于Leaflet Marker图标和内联的base64编码图像有何区别。

使用单独的文件时,浏览器已经过优化,可以缓存数据。

当内联图像数据时,可能会阻止这种优化,并且我们会看到浏览器性能下降。请参见jsfiddle性能分析:

  

加载很多 标记时(以我的情况为1000),对于base64内联图像,性能明显较差。

     

[...]由于某些原因,在使用嵌入式图像时,图层合成会延迟,这会使整个负载花费大约一秒钟的时间。

     

对于临时使用,这可能无关紧要,但是如果您使用很多标记,则可能是相关的。

请注意,无论如何,只要尝试显示数百个标记,就应该考虑使用群集或基于画布的单个标记/图标。