谷歌地图v3 InfoWindow太宽

Question

在谷歌地图v3中,我似乎无法将我的infoWindow的宽度小于200px.这是我正在使用的代码:

var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
    zoom: 15,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
var myMap = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var gmarker = new google.maps.Marker({position: latLng,title:'Example'} );
var infoWindow = new google.maps.InfoWindow();
infoWindow.setOptions({maxWidth: 110});
window_content = '<div style="width:110px;height:110px;">Test</div>';
infoWindow.setContent(window_content);
infoWindow.open(myMap, gmarker);

有没有办法让infoWindow更窄？还是我坚持最小宽度？

Answer 1

如果您使用默认值，那么是的，您会陷入困境。

您可以考虑使用自定义信息窗口，称为信息框。您可以在这里查看我的沙箱之一：http://www.dougglover.com/samples/UOITMap/index.html

在maps.js 中，您应该能够通读并获取您需要的infoBox 内容，并在您自己的工作中实现它。

这使您可以完全控制窗口的外观。

更新：抱歉，我最初提供的链接确实已失效。在此处查看有关信息框的信息：http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html