如何在 d3js 中居中和缩放地图（使用projection.center/translate/rotate？）

Question

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

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

看来我可以使用projection.rotate()、projection.translate()或projection.center()来使地图居中：

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

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

Answer 1

在 v4 中使用projection.fitExtent()。文档。例子。

\n\n

fitExtent有两个参数：

\n\n

\n
1. 范围是投影的左上角和右下角，由两个数组 \xe2\x80\x93 组成的数组表示，例如[[0, 0], [width, height]]。
\n
2. 目的是一个 GeoJSON 对象。
\n

\n\n

如果投影的左上角是[0, 0]，则可以使用便捷方法projection.fitSize()，只需传递 的右下角extent，由两个项目的单个数组 \xe2\x80\x93 表示，例如[width, height]。

\n