在Openlayers 4中设置D3投影

Question

The Demo

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

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

为什么设置'比例'的值为' 1 '而'翻译'为' [0,0} ] '初始化 墨卡托投影

Answer 1

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

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

设置值1和[0, 0]以简化计算，因为默认设置为默认情况下将绘制整个地球地图（scale和{{3}文档）。当你第一次对函数进行编码并希望看到一些合理的结果时，这是很实用的，但是当你需要计算预计的界限时却没那么有用。