D3.js 使用D3js将图像与svg的其余部分同步

我想在地图上画一些点。我的地图是单独生成的svg（在PATH_PARAM文件中）。它应该作为背景，细节必须在最终绘图的特定坐标处。即使不是完全可以想象的是，地图是我自己的一张脸的照片（所以我知道它的大小和地图中每个元素的位置），我想在用D3.j.< /P>导入到我的SVG上时在眼睛的中间添加点。 现在，我只是将其附加到svg中，如下所示：（在加载页面时调用此javascript）

我遇到的问题是地图和点与地图不同步。点之间的相对位置很好，我通过设置一个唯一的SIZE_PARAM参数，设法使地图和点具有相同的比例，但点和地图之间存在转换。对于少量点（如示例中的两个点），此转换不可见，但随着此数字的增加，此转换变得越来越明显

根据一些建议，我将其添加到CSS中：

#graph * {
    position: absolute;
    top: 0px;
    left: 0px;
}

但这并不能解决我的问题

---

如何将地图与点同步？

请创建一个SO片段或小提琴，以便我们可以看到您的问题。我的数据类似于由另一个程序自动生成的json文件中的上万个坐标，只有当有那么多数据时才能观察到问题。这就是为什么我觉得很难在行动中表现出来的原因。这个问题几乎不可能在看不到的情况下回答（即使这样，也会很困难）<代码>我遇到的问题是地图和点与地图不同步，那么，你说的这张地图是什么？它是如何产生的？“同步”到这些点看起来像什么？这里有太多的未知数。我添加了一些关于这张地图应该是什么以及我所说的“同步”的解释。该映射由服务器通过一个svg格式的Python脚本生成，并直接发送到客户机而不保存。

#graph * {
    position: absolute;
    top: 0px;
    left: 0px;
}