Google Maps v3 InfoWindow 太宽答案

【问题标题】：Google Maps v3 InfoWindow Too WideGoogle Maps v3 InfoWindow 太宽
【发布时间】：2011-02-11 18:59:39
【问题描述】：

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

【问题讨论】：

标签： google-maps google-maps-api-3 infowindow

【解决方案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

【讨论】：

看起来此链接已失效 :-(