让Infowindow表现得像模态窗口(Google Maps API v3)

时间:2013-03-05 17:27:44

标签: google-maps google-maps-api-3 google-maps-markers google-maps-mobile

有没有办法让Google Maps InfoWindow更像一个模态窗口?以下是我的目标:

  • 占据屏幕的全部或大部分宽度和高度
  • 单击“标记”时,请勿自动移动地图

如果有人能指出我正确的方向来实现这些目标,我们将不胜感激。谢谢!

Google Maps API v3

2 个答案:

答案 0 :(得分:0)

通过它的声音,您将不得不制作自定义模式,而不是使用信息窗口。

我建议你看一下使用Bootstrap来实现这个目的。在文档中,他们非常好地解释了如何使用模态。它的风格也非常好。

虽然如果你想占用大部分屏幕空间,可能需要完全自定义你的模态。

然后,您可以在点击事件中隐藏()/显示()自定义模式。

答案 1 :(得分:0)

实际上非常简单。忽略地图信息框,只需在html中添加一个额外的div,其位置为0,0,宽度和高度均为100%。

将其隐藏在您的css中,然后使用标记“点击”事件功能,显示div并将内容插入其中。

全屏幕完成。