google-maps - Google Maps v3 InfoWindow 太宽

Question

在 Google Maps 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

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

您可能会考虑使用自定义的 infoWindow，称为 infoBox。您可以在此处查看我的沙箱之一:http://www.dougglover.com/samples/UOITMap/index.html

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

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

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