d3上的点不是svg

Question

我一直试图通过拼凑其他人的代码制作d3地图。请参阅我在Github上的尝试：https://gist.github.com/gailzdesign/018f3eabcabad64f3836727748a9a552

我已经阅读了Stack Overflow上的几个条目，其中包括以下内容：Plotting points on a map with D3

另一个在美国加利福尼亚州圣弗兰省绘制积分的人。

但我仍然无法弄清楚我做错了什么。我可以看到DOM中的点，但规模是远的。圆圈甚至不是svg的一部分。

任何帮助将不胜感激。

Answer 1

这些点应该是它们的位置，你的geojson的东边缘大约是67.59度西，但是你的点（rocks）在东西方向大约67.33度，所以它们没有明显地附加在SVG - 你注意到了。例如，如果您将投影比例设置为50000而不是scale变量，则会看到点和湖：

这些点不可见，因为您的自动缩放和边界功能不包括这些点。但我假设岩石应该在湖中，所以你需要更新你的位置。

如果您无法在湖泊和点之间找到对齐方式，则可能存在冲突的基准面。

如果这些点要远离湖泊，您可能会发现手动设置比例更容易，因为自动缩放仅考虑了geojson功能。或者，您可以将点添加到geojson。