在Openlayers 4中设置D3投影

Question

演示

我对使用Openlayers 4进行D3集成感到困惑。

混乱的代码如下： var d3Projection = d3.geo.mercator().scale(1).translate([0, 0]);

初始化墨卡托投影时，为什么将' scale '的值设置为' 1 '而' translate '的设置为[[0，0] '

Answer 1

在那里设置它们，以便可以计算特征的边界 ，然后可以推导出正确的scale和center 。

尝试将一个额外的console.log(scale, center)放入canvasFunction ，然后移动地图，缩放地图或模拟高DPI显示（例如，在Chrome开发者工具中）。 您将看到这些值如何随每次平移和缩放而变化。

设置值1和[0, 0]是为了简化计算，因为设置了默认值，因此默认情况下将绘制整个地球地图（按比例和转换文档）。 第一次使用该函数进行编码并希望看到一些合理的结果时，这很实用，但是当您需要计算投影范围时，它就没什么用了。