舉動股利SVG的地圖

Question

我現在有我的網頁上的地圖SVG座標

<object type="image/svg+xml" data="worldHigh.svg" width="1060" height="800">Your browser does not support SVG</object> 

不是當我點燃運某些路徑ID的地圖上，我需要能夠一個div移動到那個地方地圖。

我目前有以下函數返回x和y座標。

function getPosition(element) { 
     segments = element.pathSegList; 
     return { x: segments.getItem(0).x, y: segments.getItem(0).y }; 
    } 

現在我遇到的問題是找到相對於屏幕上位置的座標，以便我可以在那裏移動一個div。

Answer 1

有兩種選擇，我可以看到：

1 - 你可以獲取對象標籤使用jQuery（$("object").offset()）偏移和使用它的「左」和「頂」屬性來找出在目標位置屏幕。 div位置是（left + x，top + y）。

2 - 您可以將對象包裹在div中，將div位置設置爲相對位置，然後將所需的div移動到內部，將div設置爲x和y作爲其位置。