D3 Hexbin六边形网格:行与列偏移为何不可预测?
D3六边形网格缩放时行列偏移问题
我用D3实现了带缩放功能的六边形网格,缩放时会动态调整瓦片尺寸,但偶尔会出现行偏移的问题——这种偏移毫无规律、完全不可控,直接导致行列间的位置关系无法预测,没法正确定位相邻单元格。
我试过调整瓦片尺寸、地图容器大小,但不同设备和浏览器的表现差异很大,没找到明确规律;也尝试过用隔行平移这类数学方法修正偏移,同样没成功。
相关细节:
- 核心逻辑代码在
src/services/map.ts - 正常状态:六边形行列对齐规整,无偏移
- 异常状态:部分行出现横向偏移,行列对齐混乱
- 可查看在线演示观察实际问题
需要找到一种可靠的方案,确保缩放时六边形网格的行列对齐始终可预测,彻底解决无规律的行偏移问题。
内容的提问来源于stack exchange,提问作者Phil Snell
相关产品推荐
相关产品推荐

