將SVG元素附加到使用JS的現有SVG元素

Question

我試圖將SVG元素圓添加到現有的SVG元素，我想圈起來坐在地圖的頂部，即覆蓋但我無法正確執行，我有爲它創建JSfiddle。請讓我知道如何實現這一點。

MY code is here

如何在精確的共同座標追加我使用下面的代碼

document.getElementById('us').appendChild(c1); 

Answer 1

您應該刪除的onmouseover的JavaScript代碼的HTML和綁定鼠標懸停事件屬性，這樣的僞代碼的東西：

var item = document.getElementById('id'); 
item.addEventListener('mouseover', function() { 
    var x = getXPosition(); 
    var y = getYPosition(); 
    circleElement.setAttribute('cx', x); 
    circleElement.setAttribute('cy', y); 
}, false); 

您還應該在需要時使用css類，內聯樣式或任何其他方法顯示/隱藏元素。