D3地理节点在地图上绘制？

Posted 2023-02-23

【中文标题】D3地理节点在地图上绘制？

【英文标题】：D3 geo node plotting on map?

【发布时间】：2015-07-28 14:47:33

【问题描述】：

我最近创建了这个 D3 地图，我打算将节点放在地图上，每个节点之间都有链接。但是，如果不使用强制布局，我不知道如何做到这一点。到目前为止，我已经使用 d3 地理地图创建了一张世界地图。我已经看到了一些行的例子，例如http://datamaps.github.io/old.html 但它们的末端没有节点。我已经把我的版本放在了 JSFiddle 上，可以在这里找到：http://jsfiddle.net/GarrettUK/n396w4vq/2/。

我确定做这些线条的方法是这样的：

var election = new Datamap(
        scope: 'world',
        element: document.getElementById('arcs'),
        projection: 'mercator'
      );

【参考方案1】：

我建议您返回数据映射弧教程。

http://datamaps.github.io/

就创建节点而言，您始终可以使用 d3.append 将图像附加到地图，然后决定分配这些图像的属性（如果有）。如果您正在寻找经典节点，只需执行以下操作即可添加一个圆圈。

var img = g.append("svg:image")
    .attr("xlink:href", "circle")

【讨论】：

我似乎无法让这些工作，你能在 JSFiddle 中告诉我吗？