使Infowindow的行為類似於模式窗口（Google Maps API v3）

Question

有沒有一種方法可以使Google Maps InfoWindow的行為更像模式窗口？ 這是我的目標：

• 占據屏幕的全部或大部分寬度和高度
• 單擊標記時不要自動移動地圖

如果有人能指出我正確的方向來實現這些目標，將不勝感激。 謝謝！

Google Maps API v3

Answer 1

聽起來，您將不得不制作自定義模式而不是使用信息窗口。

我建議您看一下使用Bootstrap實現此目的。 他們在文檔中通過示例很好地解釋了如何使用模態。 它的樣式也非常好。

盡管如果您希望它占據大部分屏幕空間，則可能有必要構建完全自定義的模態。

然后，您可以在單擊事件上僅隱藏（）/ Show（）自定義模態。

Answer 2

實際上很簡單。 忽略地圖信息框，只需在html固定位置0,0處放置一個額外的div，其寬度和高度為100％。

將其隱藏在CSS中，然后使用標記“單擊”事件功能，顯示div並將內容插入其中。

全屏完成。