Javascript d3.js地图插图（缩放）

我正在尝试用d3.js绘制一张地图，它有一部分城市地图偏移量，并且绘制在不同的位置（地图插图）。是否有使用d3.js的工作示例？如果不是，我会使用另一个.json文件，创建一个DOM元素，正常加载主映射，然后加载插入的辅助数据吗

---

最好是一个工作示例会有帮助，但如果什么都不存在，我将尝试编辑我所了解的内容。

我正在查看一个类似的任务，但尚未完成。我最初的想法是定义一个像albersUsa描述的复合投影。您可以从中看到它是如何工作的-它基本上定义了三种不同的投影（lon，lat）=>（x，y），然后根据源点的lat/lon选择要使用的投影

---

但我不确定这是否适用于插图，因为不同的投影会重叠-例如，从远处到插图城市的道路会一直延伸到未放大城市的边缘，然后在放大视图的边缘重新开始。因此，您需要自定义剪裁，以便在放大的插入边界边缘（在屏幕坐标中）而不是在（lon，lat）坐标中的插入边界边缘剪裁基础投影。实际上，地图中有一个区域由于被展开的插图隐藏而无法渲染。

下面是一个简单方法的示例，该方法使用新投影为每个插图重新绘制地图，并剪裁为所需的大小：