使用 Javascript 将 GeoJSON 转换为 SVG

Question

是否有 现成的 Javascript 插件可以将 GeoJSON 字符串转换为 SVG 字符串？渲染引擎，如 Tempo 或项目 JsonT 会很有用，但我需要模板才能使它们正常工作。

原文由 camilokawerin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 d3.js 库。以下代码片段将完成这项工作：

在您的 html 文件中包含 d3.js

 <script src="files/d3.v3.min.js"></script>

假设，您的 html 文件中有带有 id 映射的 div：

 <div id="map"></div>

以下 js 代码会将地图添加到您的 div 地图。 geoJsonObj 是您的 geojson。

 var svg = d3.select("#map").append("svg")
            .attr("width", width)
            .attr("height", height);

svg.append("g")
            .selectAll("path")
            .data(geoJsonObj.features)
            .enter().append("path")
            .attr("d", path);

要查看工作示例，请转到 此处。请注意，该示例使用 topojson 作为 .data() 属性的输入。

原文由 Mr.Hunt 发布，翻译遵循 CC BY-SA 3.0 许可协议