谷歌地圖的縮放看起來很奇怪

Question

我有一個谷歌地圖的問題，除了變焦按鈕似乎搞砸了一切似乎工作

這是地圖的圖像。

我在猜測某些東西是重疊的，但我不確定。

Answer 1

首先，您提供的鏈接不起作用。

這個問題通常是由於CSS（我認爲它的bootstrap.css），這使得谷歌地圖控件搞砸了。 檢查有代碼的行：max-width:100%

您必須將其刪除。

檢查它是否有效。

Answer 2

似乎我很晚了，還以爲分享我的想法。

編輯庫的核心CSS不是一個好主意。相反，我們可以重寫它

這是我used.try這

#mapDiv img{ max-width: none; } 

Answer 3

Bootstrap.css實際上已經稱爲類谷歌，地圖將在IMG的最大寬度設置爲沒有。 在bootstrap.css的代碼是

#map_canvas img, .google-maps img{max-width:none}

這裏是一個問題的鏈接在計算器上：Twitter Bootstrap CSS affecting Google Maps

Answer 4

與谷歌地圖API的最新版本，你需要這個：

<style> 
    .gm-style img { max-width: none; } 
    .gm-style label { width: auto; display: inline; } 
</style> 

回答來自：https://stackoverflow.com/a/19339767/3041072