谷歌地圖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

如果您使用的是默認值，那麼是的，您相當卡住了。

您可能會考慮使用自定義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