地图区域上的弹出框

Question

我已经搜索了几个小时，如何在映射区域显示引导弹出窗口（或任何其他弹出窗口）。 我发现的唯一解决方案是死链接... 我曾尝试制作自己的弹出式窗口，但它只能在Firefox上使用，因为我使用offset()来定位它们，并且在浏览器中为我提供了不同的值。

例如，如果我们有以下代码（来自W3Schools）：

<img src="https://www.w3schools.com/tags/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
     <area shape="rect" coords="0,0,82,126" alt="Sun" href="#">
     <area shape="circle" coords="90,58,3" alt="Mercury" href="#">
     <area shape="circle" coords="124,58,8" alt="Venus" href="#">
</map>

当鼠标悬停时，我希望在该区域之外显示弹出框。

如果有人在那里回答我会很高兴。