使用Javascript将GeoJSON转换为SVG

是否有现成的Javascript插件可以将GeoJSON字符串转换为SVG字符串？渲染引擎，如，或项目将是有用的，但我需要模板使其工作。

您可以查看GDAL，不确定它是否完全支持SVG创建，但GDAL通常可以将所有地理格式转换为其他地理格式

请参阅：

您可以使用该库。以下代码段将完成此工作：

在html文件中包含d3.js

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

---

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

有一个基本工具可用于将geojson转换为svg和as。geojson2svg的输出是svg字符串，因此该工具可以在浏览器中以及node.js中使用

将svg字符串转换为dom元素非常容易。这已经用JavaScript代码很好地解释了。为了方便起见，我做了一份报告

geojson2svg为您提供了更大的灵活性，但对于快速解决方案，d3是最好的

---

免责声明：我是GeJuSn2SVG的作者。

谢谢，但是我需要一个JavaScript库或插件，GDAL/OGR是C++。在哪里，变量<代码>路径>代码>来自你的代码，在最后一行？我没找到，并在这里找到了一个完整的例子：@ USER56848PATH不是变量，它是SVG元素，就像HTML中的div。代码>.attr（“d”，路径）-这是一个名为path的Javascript变量，用于将

d

属性应用于D3绘制的SVG路径。看看其他D3示例，我猜它的定义类似于

var path=D3.geo.path（）.projection（someProjectionObject）
<div id="map"></div>

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);