javascript – 将div移动到svg地图上的坐标

我目前在我的页面上有一张地图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.

解决方法

我可以看到两个选项：

1 – 您可以使用jQuery($(“object”).offset())获取对象标签偏移量,并使用其“left”和“top”属性来查找屏幕上的对象位置. div位置是(左x,上y).

2 – 您可以将对象包装在div中,将div位置设置为relative,并将所需的div移动到内部包裹div设置x和y作为其位置.