谷歌地图固定位置覆盖
Google Maps fixed position overlay
我正在开发一个严重依赖谷歌地图的web应用程序。我收到的设计在地图上覆盖了一些渐晕,我似乎找不到一个解决方案来实现这一点,同时又不从谷歌地图容器元素中窃取事件。
我在谷歌上搜索了一下,但还没有找到一个可靠的解决方案。我发现的建议在我的测试中失败了:
- 使用OverlayView不会将其固定到容器,而是会随地图平移
- 我曾尝试将其添加为自定义控件,但这似乎是在窃取地图中的事件,并使用户无法平移
我甚至尝试将我的元素注入谷歌地图创建的一堆元素中,但没有骰子。
有没有什么方法可以让我做到这一点而不太生气?
我找到了一个在现代浏览器中使用pointer-events
CSS属性的解决方案。在覆盖在地图上的div上将其设置为none
会导致JavaScript指针事件忽略我的覆盖并直接通过它传递到地图。我所做的完全是一个美学功能,所以我不会因为缺乏IE支持而烦恼。
相关文章:
- 在循环中分配json值时,值被覆盖
- 谷歌地图固定位置覆盖
- 如何使内部元素具有位置:绝对覆盖溢出:隐藏外部元素
- 覆盖批处理IP地址以查找位置
- .animate() 位置覆盖手动 .offset() 赋值
- 内联 JavaScript 从被 CSS 样式覆盖的负位置过渡
- 是否可以动态覆盖推特引导弹出窗口的位置
- 为什么覆盖后项目位置会搞砸
- 在特定位置将文本框覆盖在图像上
- 如何使用phonegap在图像上覆盖当前位置
- 使用CSS悬停类悬停在链接上,并在页面的其他位置显示覆盖图像
- 鼠标位置在带位置的区域上:绝对位置覆盖区域
- 位置Div在背景图像的顶部(覆盖/响应)
- 点击覆盖与中心位置
- 修正了当位置动态给定时导航条覆盖内容的问题
- 我怎么能解释固定位置.覆盖在页面上
- 当鼠标移动到覆盖元素的位置时,不要触发onmouseout
- 使覆盖在任何尺寸的屏幕上都处于完美的中心位置
- 位置:固定一个元件覆盖其他元件
- 覆盖浏览器地理位置通知