Javascript 如何在SVG图像上创建弹出气球？

我有一个SVG图像，它是一个地图，我想在地图的某些部分应用悬停动作，该动作将显示一个弹出气球，其中包含有关该部分的一些信息，还有一个按钮，用于将客户端重定向到另一个页面。 我得到了带有CSS类的地图部分，我添加了CSS类，并尝试使用绝对显示创建一个div，但它看起来没有响应，并且根据屏幕大小更改位置。

---

在SVG图像的顶部有一些使其负责的方法？

所以，如果您将一些div放在绝对位置，您就可以在调整窗口大小时做出反应。弹出窗口后，只需在windows resize事件上挂起函数position（定位）气球并更新位置（您可以通过lodash/throttle对其进行限制）。如果您不想使用js，您可以尝试使用窗口宽度的css calc或svg容器。给我们一个代码示例，然后有人可以告诉您更多信息。

您可以使用

内容作为SVG代码的一部分，以包含文本数据作为提示（浏览器将显示标准工具提示）

此外，您还可以添加事件来跟踪指针位置，并在那里放置一些自定义工具提示


var elements=document.getElementsByClassName（“提示”）；
var tooltip=document.getElementById（“工具提示”）；
对于（var i=0；i
areaElement.onMouseCenter=function（）{let b=this.getBoundingClientRect（），areaLeft=b.left，areaTop=b.top；}