d3.js - 如何在 d3js 中居中和缩放 map (使用projection.center/translate/rotate？)

Question

鉴于我有给定地理特征和特定投影的 topoJSON 数据。

我应该如何居中和缩放 map 以适合其父对象？

看来我可以使用projection.rotate()、projection.translate()或projection.center()来居中 map :

https://github.com/d3/d3-3.x-api-reference/blob/master/Geo-Projections.md

有什么区别以及规模如何影响不同的功能？

Answer 1

使用 projection.fitExtent()在 v4 中。 Documentation . Example .
fitExtent需要两个参数:

范围是投影的左上角和右下角，由两个数组组成的数组表示 - 例如[[0, 0], [width, height]] .

object 是一个 GeoJSON 对象。

如果投影的左上角是[0, 0] ，您可以使用便捷方法projection.fitSize() ，您只通过 extent 的右下角，由两个项目的单个数组表示 - 例如[width, height] .