Bootstrap CSS覆蓋KML CSS

我創建了一個彈出框，一旦使用Bootstrap代碼打開我的Google Map，就會顯示該框。可以在這裏找到：http://userpages.flemingc.on.ca/~catam/carrie2.html Bootstrap CSS覆蓋KML CSS

引導程序彈出框被引用外部樣式表在我的HTML，網址爲：http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css

我的問題是，在引導CSS是壓倒一切的我的表中的風格化我的KML圖層的信息窗口。我嘗試將KML圖層中的樣式ID命名爲「shp2kml」，該樣式可成功地在Google地球中顯示錶格，但是一旦我發佈KML圖層並將其引用到HTML中，樣式將被Bootstrap CSS覆蓋。

的KML層是這樣寫所以在我的地圖代碼：

//layer 5 Schools 
     layers [5] = new google.maps.KmlLayer('https://docs.google.com/uc?authuser=0&id=0B79b02nBK5vkckJvUlEzS0VuREU&export=download', 
{preserveViewport: false, suppressInfoWindows: false});

理想情況下，我想無論是引導代碼工作，並有我的信息窗口程式化的，因爲我原本的引導代碼之前：http://userpages.flemingc.on.ca/~catam/collab3.html

來源

2015-06-16 Toronto23

把你的KML css放在bootstrap css下面 –

確保您在KML CSS之前和調用KML腳本之前加載Bootsrap CSS。

來源

2015-06-17 00:41:29

Bootstrap CSS覆蓋KML CSS

回答

相關問題