瘋狂的看谷歌地圖Infowindow

我真的不知道如何解釋這一點，這個形象幾乎說明了一切。在Chrome，Firefox和Internet Explorer上看起來一樣。瘋狂的看谷歌地圖Infowindow

我正在使用jQuery Mobile，可以和它有什麼關係嗎？

enter image description here

我的代碼，使用谷歌地圖API V3。

var myOptions = { 
     center:new google.maps.LatLng(59.3474845, 18.0621677), 
     zoom:15, 
     mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 
    map = new google.maps.Map(document.getElementById("map"), 
     myOptions); 

    var marker = new google.maps.Marker({ 
     map:map, 
     position:myOptions.center 
    }); 

    var infowindow = new google.maps.InfoWindow({ 
     content: '<p>boooyah</p>' 
    }); 
    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.open(map, marker); 
    });

我的CSS：

#map { height: 300px; width: 300px; }

來源

2012-03-20 Soroush Hakami

的[谷歌地圖信息窗口不能正常顯示]可能重複（http://stackoverflow.com這一個/ questions/9663375/google-map-infowindow-not-showing-properly） – 2012-03-20 12:07:17

檢查全局樣式表，必須有一些已應用於地圖的東西。 – 2012-03-20 12:09:53

非常感謝莫爾博士。此主題與您鏈接的主題完全相同，這有助於解決我的問題。 – 2012-03-20 12:15:04

信息窗口 '講話泡沫' 效應是由谷歌的API使用div元素的序列產生。你可能會用CSS來破解它 - 嘗試關閉頁面上的樣式，看看它是否仍然發生。

來源

2012-03-20 12:02:36 Oliver

我更新了，告訴你我唯一的CSS。我也使用Chrome調試器進行了調試，檢查出這個元素，並沒有發現任何不尋常的東西。 – 2012-03-20 12:05:52

@SoroushHakami如果您使用firefox的web開發工具欄，您可以通過點擊關閉所有樣式。正如你所說，它可能不是這種情況下的風格，但它可能值得檢查。來自全球風格的意外干擾是人們在使用此API時遇到的許多問題的原因。 – Oliver 2012-03-20 12:11:45

瘋狂的看谷歌地圖Infowindow

回答

相關問題