地図上に緯度/経度をプロットする - D3.js v4

私はアメリカの単純な地図を持っており、私はいくつかのテストLat Long点をプロットしようとしています。プロセスを説明しているthis blockが見つかりましたが、構文をv4に変換するのに問題があります。ブロック内で正確なコードを実行しても、同じエラーがスローされます。地図上に緯度/経度をプロットする - D3.js v4

私はd3.geoMercator()の種類の「平らな」地図を見ることができます。これは必要ですか？それは些細なことだと思うが、私はこれがなければ米国の地図には自然な湾曲が好きだ。

正しいアプローチが何であるか、またコードの一部が必要な場合もあります。特にこの部分：壊れ追加と

projection //Added from block -- What is this doing? 
    .scale(1000) //Added from block 
    .center([-106, 37.5]) //Added from block

私のコード、私はコードにコメントを追加しましたが、コメントを追加しました：あなたがリンクされているbl.ockでhttps://jsfiddle.net/fettww66/2/

出典

2017-05-11 Matthew Snell

を、あなたはそれが動作して作るためにの変更を必要とします

var projection = d3.geo.mercator()↦var projection = d3.geoMercator()
：D3 v4を持ちますここで
var path = d3.geo.path()↦var path = d3.geoPath()

D3 v4を使用して更新bl.ocksです：あなたのフィドルについてhttp://bl.ocks.org/anonymous/d0b530924ef2aae3436840a1dbb3a39f

を、問題は非常に簡単です：あなたはすでに JSONを投影を使用しています。ただ、nullに投影設定：https://jsfiddle.net/vypu9qwr/

出典

2017-05-11 02:55:23

おかげで、@Gerardo：ここ

.projection(null)

を更新フィドルです。コードは正常に動作しますが、コード変数「aa」に記載されているLat/Longはポイントがサンフランシスコに配置されています。コードを実行すると、ユタ州西部に配置されます。私は 'projection.scale（1000）.center（[ - 106、37.5]）'を操作できることを発見しました。私はこれをある正しい値に編集する必要があると推測しています。私はそれが何であるか分かりません。現在のフィドルは次のとおりです：[https://jsfiddle.net/Lv5knc0n/](https://jsfiddle.net/Lv5knc0n/） –

まあ、私はあなたの投稿の2つの**質問に答えました。 D3 v4、なぜフィドルが動いていないのか）。あなたはそれ以上の疑問があるようです！申し訳ありませんが、あまりにも多く、私はいくつかの質問をしている投稿に答えるというポリシーを持っています。 –

あなたはいつでも*新しい*質問をすることができます。そうすれば、1つのポストで1つの問題が発生します（実際には、OPがいくつかの問題を尋ねる質問に対して、広すぎる*として近い投票をすることができます）。 –

地図上に緯度/経度をプロットする - D3.js v4

答えて

関連する問題