d3节点上的地图标记

Question

需要像这样在d3节点上添加Map制作者。 这是编辑过的图像。

nodeEnter
  .append("img")
  .attr("src","https://lh4.ggpht.com/Tr5sntMif9qOPrKV_UVl7K8A_V3xQDgA7Sw_qweLUFlg76d_vGFA7q1xIKZ6IcmeGqg=w300");

我尝试过this。当我用萤火虫检查时。我可以看到img标签。但是节点上没有看到地图制作者。

Answer 1

这样做 在您的数据中添加图片网址，如下所示：

 "nodes": [
    {
      "type": "S",
      "id": "1",
      "name": "100",
            "img":"https://lh4.ggpht.com/Tr5sntMif9qOPrKV_UVl7K8A_V3xQDgA7Sw_qweLUFlg76d_vGFA7q1xIKZ6IcmeGqg=w300"
    },

向节点添加如下图像：

nodeEnter
    .append("image")
  .attr("xlink:href", function(d) { return d.img; })
  .attr("x", "-12px")
  .attr("y", "-44px")
  .attr("width", "24px")
  .attr("height", "24px");

  ;

工作代码here

希望这有帮助！