使用Javascript將GeoJSON轉換爲SVG

是否有即可使用 Javascript插件是如何將GeoJSON字符串轉換爲SVG字符串的？渲染引擎，如Tempo或項目JsonT會很有用，但我需要模板才能使它們起作用。使用Javascript將GeoJSON轉換爲SVG

來源

2011-11-22 camilokawerin

-1

你可以看看GDAL，不確定它是否完全支持SVG創建，但GDAL通常可以將所有geo格式轉換爲其他geoformat。

請參見：http://www.gdal.org/ogr/ogr_formats.html

來源

2011-11-22 22:46:23 Arend

謝謝，但我需要一個Javascript庫或插件和GDAL/OGR是C++。 – camilokawerin

可以使用d3.js庫。下面的代碼片段將做的工作：

在HTML文件d3.js

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

假設，你已經與ID映射在HTML文件中的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);

要查看示例，請轉到here。請注意，該示例使用topojson作爲.data（）屬性的輸入。

來源

2013-01-30 13:52:04

最後一行代碼中的變量'path'來自哪裏？ – user568458

Nevermind，我發現（和更新）一個完整的例子在這裏：http://stackoverflow.com/questions/18425440/displaying-map-using-d3-js-and-geojson/38552478#38552478 – user568458

@ user568458路徑不是一個變量，它是一個svg元素，就像html中的div一樣。 https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths –

有一個基本的工具可用於將geojson轉換爲svg geojson2svg，也可以使用npm module。 geojson2svg的輸出是svg字符串，因此該工具可以在瀏覽器中使用，也可以在node.js中使用。

它很容易隱蔽svg字符串到DOM元素。這已由bobince here與JavaScript代碼很好地解釋。爲了方便，我製作了一個npm module。

geojson2svg給你更多的靈活性，但對於快速解決方案d3是最好的。

聲明：我是geojson2svg的作者。

來源

2014-10-31 09:59:28 Gagan

使用Javascript將GeoJSON轉換爲SVG

回答

相關問題