谷歌在谷歌浏览器中映射api 3 infobubble图像剪辑

Question

我仅在Google Chrome中遇到此问题。

我在google maps v3上使用infobubble，用以下方法调用：

google.maps.event.addListener(markers[$mapa_marker_id], 'click', function() {infoWindow$mapa_marker_id;infoWindow$mapa_marker_id.open(map, markers[$mapa_marker_id]);});

var infoWindow<?php echo $mapa_id ?> = new InfoBubble({
content: '<div style="overflow: hidden;"><strong><?php echo $mapa_desc?></strong><br><img style="border-radius:6px;overflow: hidden " src="backoffice/thumb.php?src=associados//<?php echo $mapa_foto?>&h=170 " /><br>Site: <a href="<?php echo $mapa_site?>" target="_blank"><?php echo $mapa_site?></a></div>',
borderRadius: 6,
disableAutoPan: true,
});

所有浏览器都可以，除了（去图）谷歌浏览器

您可以看到下面的屏幕截图。

Answer 1

如果图像尺寸已修复，请尝试指定图像尺寸。

content: '<div style="overflow: hidden;">...<img style="border-radius:6px;overflow: hidden;
width:300px;height:200px" src="backoffice/thumb.php?src=associados...