$ .getJson関数から変数を取り出して使用する方法

Question

マップにいくつかの点を追加する.geoJsonファイルを読み込もうとしています。 私のデータファイルは次のようにlookes：

{ 
"type": "FeatureCollection", 
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, 
"features": [ 
{ "type": "Feature", "properties": { "start": "1970", "end": "1972" },"geometry": { "type": "Point", "coordinates": [ 11.924550479340329, 55.94619451008279 ] } }, 
{ "type": "Feature", "properties": { "start": "1975", "end": "1976" }, "geometry": { "type": "Point", "coordinates": [ 12.06219628503271, 55.909617190392566 ] } }, { "type": "Feature", "properties": { "start": "1979", "end": "1980" }, "geometry": { "type": "Point", "coordinates": [ 12.06219628503271, 55.909617190392566 ] } }, 
{ "type": "Feature", "properties": { "start": "1980", "end": "1985" }, "geometry": { "type": "Point", "coordinates": [ 12.284822339303718, 55.639778377234506 ] } } 
] 
}; 

ので、これはdata.geojsonです。

あなたが見ることができるように開始日と終了日があり、私はタイムラインにそれを置くためにこれを使用する必要がある、私はちょうどaddTo（地図）を使用していたでしょう、そして、すべてのポイントがそこにあります。

が、私のファイルを呼び出すために私のコードは次のとおりです。

var points = null; 
$.getJSON("data.geojson", function(data) { 
points = L.geoJson(data); 
}); 

コードは、私が動作するかどうか試してみて、テストするために、「points.addTo（マップ）;」そしてそれはすべての私は、このようなコードを書くときので、私のデータが動作すると確信している、私の画面上で真っ白になった：

$.getJSON("data.geojson", function(data) { 
points = L.geoJson(data).addTo(map); 
}); 

私はすべての点を見ることができます。しかしこれを行うことによって、私は正しい目的で自分のデータを使用することができません。 この問題を手伝ってくれる人がいたらと思っています。

Answer 1

d3.jsonを使用してデータをインポートし、目的のために使用すると、非同期の問題が発生することがありました。

d3.json("data.geojson", function(data) { console.log(data); console.log(data[0]); points = data;

そして、すべて私のcoordinatsがリンクしました：ファイルをロードするために

d3.select(window).on("load", init)

そして、このコードを使用：D3の読み込みオプションをinportingことで タイムライン。