D3.js 适当缩放矢量以适合光栅图层

因此，我从一个自然地球2号数据集创建了一个经过剪裁和重新投影的光栅图像。将其设置为基础层并在其上投影向量层非常简单。我遇到的问题是正确缩放图像，使它们完全对齐

有关示例，请参阅此块：

以下是我迄今为止所做的工作： 使用gdalwarp将光栅重新投影到Albers等面积，并剪辑到北达科他州的边界框，将图像输出到我所需的分辨率（960 x 500） 在D3中，我使用完全相同的投影，并将矢量叠加到光栅上

---

现在，我如何调整比例，使其正确对齐两层？我想这可能与原始光栅的分辨率有关，也许是我通过调整大小使其变形了？我知道如何根据边界框自动计算比例，但它仍然不适合光栅层。我已经看了几个例子，但无法理解作者是如何计算比例的：参见和《纽约时报边界图》，2013年3月2日）（无法发布链接）。在这两种情况下，传递给d3.geo对象的比例参数都是一个神奇的整数。

对于原始光栅图像和重投影，您应该有一个可以计算出最终比例的比例，否？因此我使用的数据集是1:10m。我想我对如何协调原始光栅比例、其重投影比例以及d3矢量的比例感到困惑。一旦光栅被创建，我将如何计算d3投影比例，因为它从gdalwarp出来后无法修改？如果在重新投影时不改变比例，它应该仍然是原始比例。然后你需要考虑它显示的比例（即屏幕上地图的大小和原始比例），这应该给你需要插入D3的值。