引导 css 干扰谷歌地图 infowindow v3

Question

我有一个指向地图上标记的简单信息窗口，

我想要默认的信息窗口设计，而不是我得到丑陋的信息窗口，它似乎干扰了引导程序。

这里是小提琴http://jsfiddle.net/GTrr6/2/的链接

var los_angeles = new google.maps.LatLng(34.0695831, -118.2634431);
var myOptions = {zoom: 14, mapTypeId: google.maps.MapTypeId.ROADMAP, center: los_angeles};
var map = new google.maps.Map($("#map-canvas")[0], myOptions);
var marker = new google.maps.Marker({position: los_angeles, map: map, title: "your location");

var infoWindow = new google.maps.InfoWindow({content: '<div class="iw">test info</div>'});

google.maps.event.addListener(marker, 'click', function () { infoWindow.open(map, marker); });

如果您单击标记，它将显示一个信息窗口，但它看起来与谷歌地图上的默认信息窗口略有不同。

Answer 1

尝试在引导 css 中抑制规则“img { max-width: 100%; }”。它会导致 googlemap 出现问题。 如果规则不存在，那我不知道。

Answer 2

您有一个额外的括号，如控制台所示： "Uncaught SyntaxError: Unexpected token )"

从下一行删除最后一个。应该是这样的。 :)

var map = new google.maps.Map($("#map-canvas")[0], myOptions);

此线程已修复：https://github.com/twbs/bootstrap/issues/2410

#map-id img {
    max-width: none;
}