d3.js中经纬度投影得到的像素坐标具体指代什么？

你直接初始化未做任何自定义配置的d3.geoAzimuthalEqualArea()投影，输出结果的相关规则如下：

坐标参照系与固定值来源 #

D3 所有地理投影都内置了默认配置，方位等积投影的默认参数为：

• 经纬度中心点：[0°, 0°]
• 平移偏移量：[480, 250]
• 缩放系数：约152.637
  这套默认配置是预先设置用来适配960×500像素的标准画布的，所以你拿到的坐标，是基于「左上角为原点、x轴向右递增、y轴向下递增」的960×500虚拟画布的坐标值。
  投影本身是纯数学计算逻辑，和你页面上有没有创建SVG容器、容器尺寸多大没有任何关系，如果你需要适配更大的地图，只要手动调高投影的scale参数，同一经纬度对应的像素坐标就会同步变大，符合你对尺寸和坐标正相关的预期。

返回浮点数的原因 #

投影输出的是逻辑像素（CSS像素）坐标，本身支持小数精度，不需要和物理屏幕的整数像素完全对齐：

• 小数坐标能让渲染时的抗锯齿效果更自然，线条和点位显示更平滑
• 保留精度可以避免后续做缩放、平移等变换时，误差累积导致画面抖动
  如果你需要整数坐标，手动对结果做取整处理即可。

坐标范围规则 #

默认配置下，全球范围的经纬度投影后刚好适配960×500的虚拟画布，所以正常经纬度投影后的x坐标大致在0_{960区间，y坐标大致在0}500区间。投影本身没有强制的最大值，只要调整scale参数，输出的坐标值可以无限放大。

官方文档查询路径 #

相关参数说明可以在D3官方文档的d3-geo模块投影分类下查询，任意投影的API说明页都会标注该投影的scale、translate、center等配置的默认值。 #

内容的提问来源于stack exchange，提问作者stackzebra