如何在 HTML5 中渲染一个非常大的 SVG 文件？答案

【问题标题】：How can i render a very big SVG file in HTML5?如何在 HTML5 中渲染一个非常大的 SVG 文件？
【发布时间】：2013-02-21 00:04:33
【问题描述】：

我最近想自己创建类似的东西：http://www.unitedstateszipcodes.org/

它基本上是一张美国邮政编码的地图。目前，我有数千个构成邮政编码边界的点。使用这些坐标，我创建了一个 KML 文件。但是，文件似乎太大（32MB）当我在浏览器上渲染它时，它需要很长时间才能加载并且看起来很隐蔽。我应该采取什么方法使它更快？

我想做的是能够看到美国所有邮政编码区域的地图。我应该使用 SVG 或 Canvas。我选择使用 SVG：http://danilocarrion.com/Map.html

如果有办法让它更快、更清晰，请告诉我。谢谢

【问题讨论】：

标签： html svg

【解决方案1】：

您可能想查看topojson，可以在here 找到教程和一些说明。

【讨论】：

谢谢埃里克。我的目标是使用我已经拥有的 KML 文件。您提供给我的内容没有使用 KML。我会检查 topojson。
不确定是否有直接的 KML -> TopoJSON 转换器，但您可以从 KML -> GeoJSON 找到转换器，以及从 GeoJSON -> TopoJSON 找到转换器。