Карта маркер на d3 узле

Question

нужно добавить Map Maker на d3 узлов, как это. Это отредактированное изображение.

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

Я пробовал this. когда я проверял с помощью firebug. я мог видеть тег img. но создатель карт не видел на узлах.

Answer 1

ли это так Добавить URL изображения в ваших данных, как это:

"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

Надежда это помогает!