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。