JavascriptでGeoJSONをSVGに変換する

すぐに使用できるはありますか？ GeoJSON文字列をSVG文字列に変換するJavascriptプラグインですか？ Tempoのようなレンダリングエンジン、またはJsonTプロジェクトは便利ですが、私はそれらを動作させるためにテンプレートが必要です。JavascriptでGeoJSONをSVGに変換する

出典

2011-11-22 camilokawerin

-1

SVG作成を完全にサポートしているかどうかはわかりませんが、GDALでは一般にすべてのジオフォーマットを他のジオフォーマットに変換できます。

参照：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>

はあなたの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);

hereを参照してください。この例では、.data（）属性への入力としてtopojsonを使用しています。

出典

2013-01-30 13:52:04

変数 'path'はどこのコードから来ていますか？最後の行はどこですか？ – user568458

ここでは完全な例が見つかりました。（更新しました）http://stackoverflow.com/questions/18425440/displaying-map-using-d3-js-and-geojson/38552478#38552478 – user568458

@ user568458 path is not a変数は、htmlのdivのようなsvg要素です。 https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths –

geojsonをsvg geojson2svgに、またnpm moduleに変換するための基本的なツールがあります。 geojson2svgからの出力はsvg stringです。このツールはbrowserやnode.jsでも使用できます。

非常に簡単に秘密のsvg文字列をDOM要素に変換します。これは、JavaScriptコードで非常にうまく説明されています。bobince here私は便宜のためにnpm moduleを作った。

geojson2svgを使用すると柔軟性が向上しますが、迅速な解決策としてd3が最適です。

免責事項：私はgeojson2svgの著者です。

出典

2014-10-31 09:59:28 Gagan

JavascriptでGeoJSONをSVGに変換する

答えて

関連する問題