Question

我需要在googlemap inforwindow中显示一些图片，inforwindow html内容如下：

＆＃13;

html='<img style="max-width: 600;height-max: 100%" src="http://www.oursteps.com.au/bbs/data/attachment/forum/201610/18/023201oqdnhzhnujp9dqzh.jpg" /><img style="max-width: 600;height-max: 100%" src="http://wwww.oursteps.com.au/bbs/data/attachment/forum/201610/18/051237g63nvqynyu6lqn6n.jpg" /><img style="max-width: 600;height-max: 100%" src="http://www.oursteps.com.au/bbs/data/attachment/forum/201610/22/051804s8uoft49zcs79cvv.jpg" /><img style="max-width: 600;height-max: 100%" src="http://www.oursteps.com.au/bbs/data/attachment/forum/201610/22/051805bbrz99olo9q755lv.jpg" />'

＆＃13;

填写谷歌地图inforwindow，如下面的代码：

marker['infowindow'] = new google.maps.InfoWindow({
                    content: html
            });

我试图将图像的宽度限制为600 px，这是infowindow的宽度。

如果上面的html标签显示在普通的html页面中，则定义的图像宽度将适用于图像：
enter link description here

图像宽度= 600 px限制剂量无法在inforwindow中正常工作：

enter link description here

图像尺寸是inforwindows中的原始尺寸，尽管我已将最大宽度定义为600像素。

无法确定如何对Google地图inforwindow中显示的图片应用宽度限制。

Answer 1

在您发布的代码中...
max-width:600应为max-width: 600px height-max: 100%应为max-height: 100%。

<img style="max-width: 600px; max-height: 100%" src="http://www.oursteps.com.au/bbs/data/attachment/forum/201610/18/023201oqdnhzhnujp9dqzh.jpg" />

谷歌地图InfoWindow不显示具有预定义大小的图像

1 个答案: