Javascript 引导css干扰谷歌地图信息窗口v3

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

我想要默认的infowindow设计，取而代之的是丑陋的infowindow，它似乎干扰了引导

这是小提琴的链接

var los_angeles=new google.maps.LatLng（34.0695831，-118.2634431）；
var myOptions={zoom:14，mapTypeId:google.maps.mapTypeId.ROADMAP，中心：洛杉矶}；
var map=new google.maps.map（$（“#地图画布”）[0]，myOptions）；
var marker=new google.maps.marker（{位置：洛杉矶，地图：地图，标题：“你的位置”）；
var infoWindow=new google.maps.infoWindow（{content:'test info'}）；
google.maps.event.addListener（标记，'click'，函数（）{infoWindow.open（映射，标记）；}）；

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

尝试取消引导css中的规则“img{max width:100%；}”。这会导致谷歌地图出现问题。

---

如果规则不存在，则我不知道。

您有一个额外的括号，如控制台中所示： “未捕获的语法错误：意外标记）”

删除下一行中的最后一个。应如下所示：

此线程有一个修复程序：

---

我更新了JSFIDLE并插入了csshow。我应该抑制css规则吗？我应该自己托管引导css文件而不依赖CDN吗？更干净的方法是添加您自己的css样式表并添加一个规则：

img{max width:none；}

，正如@JakeSidSmith所建议的那样

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); });

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

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