谷歌地图固定位置覆盖

Google Maps fixed position overlay

本文关键字:覆盖 位置 定位 谷歌地图      更新时间:2023-09-26

我正在开发一个严重依赖谷歌地图的web应用程序。我收到的设计在地图上覆盖了一些渐晕,我似乎找不到一个解决方案来实现这一点,同时又不从谷歌地图容器元素中窃取事件。

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

  • 使用OverlayView不会将其固定到容器,而是会随地图平移
  • 我曾尝试将其添加为自定义控件,但这似乎是在窃取地图中的事件,并使用户无法平移

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

有没有什么方法可以让我做到这一点而不太生气?

我找到了一个在现代浏览器中使用pointer-eventsCSS属性的解决方案。在覆盖在地图上的div上将其设置为none会导致JavaScript指针事件忽略我的覆盖并直接通过它传递到地图。我所做的完全是一个美学功能,所以我不会因为缺乏IE支持而烦恼。