使用包含城市的d3.js绘制地图

我打算使用d3.js和geoJson绘制地图。 我需要在这张地图上画一些圆圈。这些圆圈在悬停时应该会变大，并在里面显示一些数据

此外，我需要创建一个时间线比例，它将根据特定时间段的数据增加和减少地图中的圆圈

我能够借助geo JSON文件绘制地图，但问题是如何绘制圆圈，以便当地图在画布中移动时，圆圈在地图中保持不变。我的意思是，圆圈应该相对于地图，而不是相对于画布

其次，我无法理解地图坐标系是如何工作的

---

有什么帮助吗？

您看到了吗？我已经阅读了许多选择器、联接和转换的教程，但找不到一个可以帮助我解决问题的教程。此外，我无法理解如何使用geoJson数据绘制地图。也可能有帮助。这些圆的纬度和经度存储在一个单独的文件中，或者它们在同一个json？多边形中，坐标：[[13.94279845601284,47.166343140041839]，[14.021737228712404,47.170883865905125]…我希望这些是坐标，对吗？这些三维坐标通过投影转换成二维坐标？我要画的圆可以是城市，也可以不是。如果是城市，我可以得到三维坐标，但在其他情况下，我如何找到坐标？其次，我添加了缩放功能，在这种情况下，圆应该d也要根据地图缩放，并根据新地图的大小重新调整。请帮我解决。