html - Bootstrap CSS 覆盖 KML CSS

Question

我创建了一个弹出框，一旦使用 Bootstrap 代码打开我的 Google map 就会显示该框。可以在这里找到:http://userpages.flemingc.on.ca/~catam/carrie2.html

Bootstrap 弹出框引用了我的 HTML 中的外部样式表，可在此处找到:http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css

我的问题是，Bootstrap CSS 覆盖了 KML 图层信息窗口中表格的样式化。我尝试将 KML 图层中的样式 ID 命名为“shp2kml”，这成功地对表格进行了样式化以在 Google 地球中显示，但是一旦我发布了 KML 图层并在我的 HTML 中引用它，该样式就会被 Bootstrap CSS 覆盖。

KML 图层在我的 map 代码中是这样写的:

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

理想情况下，我希望 Bootstrap 代码能够正常工作，并让我的信息窗口像我最初在 Bootstrap 代码之前那样风格化:http://userpages.flemingc.on.ca/~catam/collab3.html

Answer 1

确保在 KML CSS 和调用 KML 脚本之前加载 Bootstrap CSS。