d3.js地图插图(缩放)

Question

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

最好是一个工作的例子会有帮助，但如果什么都不存在，我会试着编辑我弄清楚的东西。

Answer 1

我正在考虑一个类似的任务，但还没有完成。我最初的想法是定义一个复合投影，就像albersUsa描述here一样。您可以从implementation中看到它是如何工作的-它基本上定义了来自(经度，经度) => (x，y)的三个不同的投影，然后根据源点的经度/纬度选择要使用的投影。

但我不确定这对插图是否有效，因为不同的投影会重叠-例如，从某个遥远的地方到你的插图城市的道路会一直延伸到未放大的城市的边缘，然后在放大的视图的边缘更远的地方重新开始。因此，您需要定制裁剪，以便在放大的插图边界(屏幕坐标)的边缘裁剪基本投影，而不是在(长，后)坐标的插图边界的边缘裁剪。实际上，地图中有一个区域没有被渲染，因为它被扩展的插图所隐藏。