5

在 Google Maps v3 中，我似乎无法将我的 infoWindow 设置为小于 200 像素的宽度。这是我正在使用的代码：

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 更窄？还是我坚持最小宽度？

4

1 回答 1

2

如果您使用的是默认值，那么是的，您完全被卡住了。

您可能会考虑使用自定义的 infoWindow，称为 infoBox。您可以在此处查看我的沙箱之一：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

于 2010-05-05T19:03:48.310 回答