d3地圖上的點不在相同比例或svg的一部分

Question

我一直試圖通過將別人的代碼拼湊在一起來製作d3地圖。看到這裏我嘗試在Github上：https://gist.github.com/gailzdesign/018f3eabcabad64f3836727748a9a552

我已經通過幾個條目上堆棧溢出閱讀，包括這一個：Plotting points on a map with D3

而另外一個曾在聖弗朗西斯，加利福尼亞州，美國繪製點。

但我仍然無法弄清楚我做錯了什麼。我可以在DOM中看到這些點，但是縮放比例很小。這些圈子甚至不是svg的一部分。

任何幫助，將不勝感激。

Answer 1

這些點是他們應該在的地方，你的geojson的東部邊緣是西部大約67.59度，但是你的點（rocks）在西部大約67.33度的東部，所以它們不會被明顯地附加到SVG中 - 正如你注意到的。例如，如果你設置你的投影比例至50000，而不是你的scale變量，你會看到點和湖泊：

的點是不可見的，因爲你的自動縮放和邊界功能沒有按不包括要點。但我假設岩石應該在湖中，所以你需要更新你的位置。

如果您無法獲得湖泊與點之間的對齊，則可能有衝突的數據。

如果這些點旨在遠離湖泊，您可能會發現手動設置比例更容易，因爲自動比例調整僅考慮了geojson特性。或者，您可以將點添加到geojson。