Google地图设置InfoWindow的宽度

Question

Google地图设置InfoWindow的宽度

jas*_*_89 0 google-maps google-maps-api-3

嗨我正在使用InfoWindow在谷歌地图上获取自定义弹出窗口,但我无法设置它的宽度,我尝试将其设置为内联到包装标签,但它不起作用.在这种情况下,我需要它750px.

这里是jsfiddle:http://jsfiddle.net/xxast/ 这里是html文件:http://www.mediafire.com/view/？ 66dbe6xzn1mul10

这是设置InfoWindow内容的方法:

 function getContent(parts, kmlEvent) {

                var content = ""+
       "<div id='width800' class='google-infobox-content' >" +
            "<div class='image'>" +
                "<img src='http://maps.google.com/maps/api/staticmap?center=" + kmlEvent.latLng.Ya + "," + kmlEvent.latLng.Za + "&amp;zoom=13&amp;size=150x150&amp;maptype=roadmap&amp;sensor=false&amp;language=&amp;markers=color:red|label:none|48.7758013,9.2529132' title='' width='150' height='150' >" +
                "<br />" +
                "<a href='https://maps.google.com/maps?sensore=true&daddr=" + kmlEvent.latLng.Za + "," + kmlEvent.latLng.Ya + "' target='_blank' >Full Google Map</a>" +
                "<a href='http://maps.google.com/help/maps/directions/Somewhere' target='_blank' >Directions</a>" +
            "</div>" +
            "<div class='location'>" +
                "<p>" + parts[0] + "</p>" +
                "<p>" + parts[1] + "</p>" +
                "<p>" + parts[2] + "</p>" +
                "<br/>" +
                "<p>" + parts[3] + "</p>" +
            "</div>" +
            "<div class='contact'>" +
                "<p>" + parts[4] + "</p>" +
                "<p>" + parts[5] + "</p>" +
                "<a href='mailto:" + parts[6] + "' >" + parts[6] + "</a>" +
                "<a href='" + parts[7] + "' target='_blank' >" + parts[7] + "</a>" +
            "</div>" +
            "<div class='others'>" +
                "<p><b>Product line</b></p>" +
                "<p>" + parts[8] + 
                "</p>" +
            "</div>" +                
        "</div>";

                return content;
            }?

Run Code Online (Sandbox Code Playgroud)

更新此更新与设置好的maxWidth和包装标签内嵌宽度的jsfiddle,但仍无法正常工作:http://jsfiddle.net/xxast/3/

Answer 1

RAS*_*ASG 10

没有width在google.maps.InfoWindowOptions对象.

div在你的infowindow中创建一个,并设置它的宽度.
infowindow将调整大小以适应内部div.

我在这里有一个工作的例子:http://jsfiddle.net/RASG/vA4eQ/

编辑

一些额外的信息:

我在谷歌小组中发现了一个非常有趣的信息,由谷歌员工撰写.

信息窗口大小取决于两个因素:

内容的大小

地图的大小(不是浏览器)

要摆脱这种局面,你必须实现自己的信息.

这里有一些例子:

归档时间：	13 年前
查看次数：	20779 次
最近记录：	9 年，8 月前