javascript - 如何使谷歌地图中的重叠 POI 可访问

Question

g-maps 中的常见 POI 固定显示在图 block 上，但似乎可以通过重叠链接点击。当我制作透明 map 覆盖时，POI 链接仍然可见，但不再可点击。
通过屏幕截图，问题可能会更清楚，我只能在较暗覆盖层旁边的右上方区域单击正确的 POI:

我已经尝试将叠加层绑定(bind)到具有最低 z-index 的图层，但没有成功:

mapPane z-index:100
overlayLayer z-index:101
floatPane z-index:102
markerLayer z-index:103
overlayImage z-index:104
floatShadow z-index:105
overlayMouseTarget z-index:106
floatPane z-index:107

const panes = this.getPanes();
panes.mapPane.appendChild(this.div_);

我知道与标记相反，对 POI 的 API 支持是有限的，并且至少部分绑定(bind)到位置 API。尽管如此，我更喜欢关于 z-index 的方法或其他一些更通用的处理 POI 的方法，这样我就不必使用额外的 API，并且该解决方案适用于所有显示的 POI。
对于标记方法 setZIndex存在，但这似乎无济于事: Marker API
我知道在更高分辨率上显示更多 POI 的情况，但这对问题没有影响。
那么如何使 g-maps 中覆盖层下方的 POI 链接可点击？
编辑:
根据答案

How to make Google Maps' custom overlay above marker's click zone?

Prevent google overlay/infowindow from allowing clicks through to markers underneath

我认为问题几乎解决了。由于@Brett Donald 的回答和评论，我在自己的 SVG 代码中发现了一些错误，并意识到标记并非完全由 g-map 创建，而是 SVG 确实是由我自己创建/提供的。
个人类 class USGSOverlay extends google.maps.OverlayView我可以选择添加所需的代码来实现我的目标。我也意识到这门课对于解决问题是必不可少的。
在 example which is mentioned in the one linked answer并非覆盖层后面的所有单击事件都是可能的，因此可以通过单击 POI 打开窗口，但不能在图层后面再次关闭它们。
我将奖励那些可以通过关闭覆盖层后面的信息窗口的选项来丰富链接示例的人。

Answer 1

您是否在叠加层上尝试过此设置？

.my-overlay {
    pointer-events: none;
}