javascript - 带有传单 css 的弹出式照片显示不正确

在这个链接上是一个非常草稿地图，橙色点处带有照片弹出窗口。

该地图由 QGIS 生成，并使用 Leaflet 选项使用 qgis2web 插件。 https://www.qgis.org/en/site/

弹出窗口应该在悬停时工作，它确实如此。但是在第一次悬停边界框时，如果这是正确的术语，则不会扩展到围绕照片。用鼠标点击它确实包围了图片。

显然，我希望它在悬停时聚集在一起，而不是在悬停后需要单击鼠标的过程。

我一直在尝试解决这个问题，因为它可能是 leaflet.css 文件中的 z-index 问题，但没有效果。我还认为这可能是一个 maxWidth maxHeight 问题，但也没有乐趣。

我显然需要一些帮助，因为我的编码知识仅限于 css，而几乎不存在 javascript。

地图的编码包可在此处获得：

并包含带有 z-index 等的 leaflet.css 文件。

任何指出我正确方向的建议将不胜感激。

理查德

标签： javascripthtmlcssleaflet