为什么在平移/缩放时d3中的文本标签转换为零?



我在d3相当新的,我已经建立了从几个来源的代码,所以它可能只是,我有它初始化不正确,但我没有看到它是什么。我正在构建的页面动态地从数据库中获取geojson,并呈现带有标签的简单地图。这工作正确,但当我添加代码给地图缩放/平移功能的地图行为正确,但文本上的变换移动标签到0位置与<g>元素,我不知道为什么?当我放大地图时,文本按预期大小增加,但文本位置保持在0/0。

我没有在这里倾倒大量的代码,而是把这些代码放在一起,这样可以很容易地看到和测试。

我想任何更熟悉d3的人可能知道我在这里错了。如果有人给我指出来,我会很感激的。由于

查看保存在小提琴中的问题:

const items = g.selectAll('g.item')
.data(bb.features)
.enter()
.append('g')
.classed('item', true);
items.append('path').attr(...)
items.append('text').attr(...)

不输入path文本和元素单独输入g然后附加path文本和g下.

最新更新