D3.js洪水地图杀手

时间:2013-09-07 02:27:50

标签: javascript performance d3.js topojson

以下是使用D3.js和topojson的洪水地图示例。

http://bl.ocks.org/cappelaere/6472064

https://gist.github.com/cappelaere/6472064

这真的让D3很累。在加载时简化topojson似乎挂起了Firefox。我们确实需要努力支持我们的灾害管理工作。在我们放大时进行自适应简化会很棒。任何帮助都会非常感激。 谢谢,

专利

1 个答案:

答案 0 :(得分:3)

对此您唯一的选择是根据缩放级别加载预先简化的数据集。也就是说,在每次缩放之后,您需要确定是否为用户放大的区域加载新的更高分辨率的数据集。如果是这样,您需要清除现有元素并添加新元素。

这将是相当多的努力。此时,您可能还有预渲染的位图图块(例如在Google地图中),并使用像Leaflet这样的库来完成繁重的工作。在这个预渲染的地图之上,您仍然可以使用D3作为动态内容。