javascript - d3.jsでGISデータをどのようにスケーリングできますか?

Question

これを例として使用すると、グラフィックを拡大して拡大するにはどうすればよいでしょうか。テキサス州のデータのみを視覚化することを検討しているので、拡大するためにスケーリングを変更したいのでお願いします。

組み込みの d3.js 関数を使用してスケーリングを行うことは可能ですか、または JSON データに存在する変換値 (スケーリングおよび/または変換) を変更する必要がありますか?

Answer 1

d3.geo.path（）は、新しいプロジェクションを定義しない限り、d3.geo.albersUsa（）プロジェクションを使用します。私の知る限り、d3.geo.albersUsaには、スケールを変更することはできますが、中心を変更するオプションはありません。そのためには、次のように、投影を明示的に定義してジオパスに適用する必要があります。

projection = d3.geo.albersUsa().scale(1500);  
path = d3.geo.path().projection(projection);

ただし、ほとんどのD3プロジェクションと同様にcenter（）関数を提供するd3.geo.albersを使用できます。

projection = d3.geo.albers().scale(2000).center([0,30]);
path = d3.geo.path().projection(projection);

それはあなたにテキサスを中心としたアメリカのアルバース投影地図を与えるはずです。