html - HTML - 另一个图像上的图像触发弹出窗口

Question

我快速搜索了这个问题，但找不到任何可以满足这两个部分的东西，所以我希望可以这样问：

我正在创建一个交互式地图，它以一个位置的航拍图像作为背景，顶部覆盖有小图标。单击这些图标时，应打开一个弹出窗口，其中包含在这些位置拍摄的图像或视频，就像谷歌地图一样。

我在这里找到了允许我将图像相互叠加的代码： Html Image over image

我在这里找到了弹出窗口的代码： https ://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_popup

而且我可以让这两个元素在我的网页上单独工作，但是我不知道如何组合它们，以便可以单击我覆盖的图像以触发弹出窗口。

自从我用 HTML 编码以来已经有一段时间了，我通常可以处理这些挑战，但我发现自己在这里有点脱离了我的元素。

谢谢！

标签： html