将 10000 条折线渲染为传单地图

Question

将近 10000 条折线渲染到传单地图的最佳方法是什么？我需要我的地图是交互式的（悬停事件）。目前我正在使用带 canvas 渲染器的传单 1.0 beta。 Chrome 没有问题，但 Firefox 在这个多段线数量上似乎要慢得多。

谢谢

Answer 1

如果问题只出现在 firefox 中，可能是因为 Firefox 似乎不太擅长渲染许多 SVG。一种对我有用的解决方案是将渲染器切换为 Canvas.

var map = L.map('map', {
  renderer: L.canvas()
});

我可以报告 10 000 个标记和区域，其中悬停和工具提示运行流畅

Render 10000 polylines to a leaflet map