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

如果你使用的是默认值，那么是的，你就被卡住了。

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

谷歌地图v3 InfoWindow太宽

1 个答案: