有没有办法让 Google Maps InfoWindow 的行为更像一个模态窗口?这是我的目标:
- 占据屏幕的全部或大部分宽度和高度
- 单击标记时不要自动移动地图
如果有人能指出我实现这些目标的正确方向,将不胜感激。谢谢!
谷歌地图 API v3
有没有办法让 Google Maps InfoWindow 的行为更像一个模态窗口?这是我的目标:
如果有人能指出我实现这些目标的正确方向,将不胜感激。谢谢!
谷歌地图 API v3
根据它的声音,您将不得不制作自定义模式而不是使用信息窗口。
我建议你看看使用 Bootstrap 来实现这一点。在文档中,他们通过示例很好地解释了如何使用模态。它的样式也非常漂亮。
尽管如果您希望它占据大部分屏幕空间,则可能需要完全自定义构建您的模态。
然后,您可以在单击事件上隐藏()/显示()您的自定义模式。
其实很简单。忽略地图信息框,只需在 html 中放置一个额外的 div,固定位置为 0,0,宽度和高度为 100%。
将其隐藏在您的 CSS 中,然后使用您的标记“点击”事件功能,显示 div 并将您的内容插入其中。
全屏完成。