javascript - 在D3中,如何向geojson要素集合中的要素添加标签

标签 javascript svg d3.js geojson

D3用于渲染geojson特征集合here 。为“path”下的特征集合仅生成一个 svg 元素。当我尝试生成标签时,我得到了整个集合的一个标签。如何为集合中的每个要素生成标签?

示例代码将为特征集合而不是每个特征生成标签。 (也不会出现在特征集合的中心)

paths.enter().append('text').attr('d', d3.geo.path().projection(projection)).text('hello world');

最佳答案

不应传递特征集合,而应按照说明传递特征数组 here .

正确定位标签 path.centroid(feature)可以使用。

关于javascript - 在D3中,如何向geojson要素集合中的要素添加标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18921680/

相关文章:

javascript - 如何在打字时实时应用验证 [Typescript]

c# - 如何使用 jQuery 数据表和 ASP MVC 进行批量行更新

jquery - 如何使用 Snap Svg 触发?

html - 如何将列表项与 svg 多边形对齐?

svg - 在 d3 上更新缩放时避免取消缩放/缩放过渡

javascript - 将 D3 注入(inject) AngularJS 的正确约定

javascript - 在其 js 容器中垂直居中文本 - progressbar.js

javascript - 在 md-select 下使用自定义指令传递 ngModel 和 ngChange

html - 创建一个 'New' 带有 24 点或以上点爆发的尖峰标签

javascript - 网格线正在重新创建并相互叠加