Google地图固定位置叠加

Question

我正在开发一个严重依赖Google地图的网络应用程序。我手上的设计在地图上覆盖了一些渐晕，似乎无法找到解决方案来实现这一点，同时不会从Google Maps容器元素中窃取事件。

我谷歌搜索了一下，但还没有找到一个可靠的解决方案。我发现的建议在我的测试中失败了：

• 使用OverlayView不会将其固定为容器，而是使用地图进行平移。
• 我尝试将其添加为自定义控件，但似乎是从地图中窃取事件并使用户无法平移。

我甚至尝试将我的元素注入Google地图创建的一堆元素中，但没有骰子。

有没有什么方法可以实现这一目标而不是太过于苛刻呢？

Answer 1

我找到了一个使用pointer-events CSS属性在现代浏览器中运行的解决方案。将此设置为覆盖在地图上的div上的none会导致JavaScript指针事件忽略我的叠加并直接将其传递到地图。我正在做的只是一种审美特征，所以我不会因缺乏IE支持而烦恼。