Google Maps v3 InfoWindow Demasiado ancho

Question

En Google Maps v3, parece que no puedo obtener mi ventana de información a un ancho inferior a 200px. Aquí está el código que estoy usando:

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); 

¿Hay alguna manera de hacer que la ventana de información sea más estrecha? ¿O estoy atrapado con un ancho mínimo?

Answer 1

Si está utilizando el valor predeterminado, entonces sí, está bastante estancado.

Puede considerar el uso de una ventana de información personalizada, llamada infoBox. Puede ver uno de mis sandboxes aquí: http://www.dougglover.com/samples/UOITMap/index.html

En el maps.js, debería poder leer y tomar lo que necesita del material de infoBox e implementarlo para su propio trabajo.

Esto le da un control COMPLETO sobre la apariencia de su ventana.

ACTUALIZACIÓN: Lo sentimos, el enlace que proporcioné originalmente está realmente muerto. Ver aquí para información en la caja de información: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html