带有Bootstrap 3的Google Map v3信息窗口和jQuery在Google Chrome中无法正常运行
我正在尝试使用一些点击事件创建一个信息窗口。
但它并不完美。
我在jQuery中做的代码是 –
var infowindow = new google.maps.InfoWindow(); var contentString = '' +'' +'' +locations[i][0] +'' +'
' +'' +'' +'
' +'' +'' +'' +'' +'' +'' +'19°' +' ' +'' +'' +'
' +'' +'<!-- 
-->' +' ' +'' +'' +'' +'' +'' +'' +'' +'
' +'280 mm' +' ' +'' +'
' +'280 km/h' +' ' +'' +'
' +'280° K' +' ' +' ' +'
' +' ' +' ' +'' +'' +'By car 127 KM - 2hr 6 min.' +' ' +' ' +'
' +' ' +' ' +'
' +'' +''; infowindow.setContent( contentString ); infowindow.open(map, marker); 并在Firefox中获得输出，如下所示 –
但是在Chrome中获取输出就像 –
有人可以帮我吗？
在此先感谢您的帮助
如评论中所述，您可能希望在HTML中或使用CSS设置内容宽度。 除此之外，infowindows具有maxWidth属性。
maxWidth指定信息窗口的最大宽度（以像素为单位）。 默认情况下，信息窗口会扩展以适合其内容，并在信息窗口填充地图时自动换行文本。 如果添加maxWidth，信息窗口将自动换行以强制执行指定的宽度。 如果它达到最大宽度并且屏幕上有垂直空间，则信息窗口可以垂直扩展。
https://developers.google.com/maps/documentation/javascript/infowindows
附加信息：
maxWidth最大宽度，与内容的宽度无关。 仅在调用open之前设置此值时才会考虑该值。 要在更改内容时更改最大宽度，请调用close，setOptions，然后打开。
https://developers.google.com/maps/documentation/javascript/reference#InfoWindow