Google Maps v3 InfoWindow trop large

Question

Dans Google Maps v3, je ne peux pas sembler obtenir mon InfoWindow à une largeur inférieure à 200px. Voici le code que j'utilise:

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

Y a-t-il un moyen de rendre l'infoWindow plus étroite? Ou suis-je coincé avec une largeur minimale?

Answer 1

Si vous utilisez la valeur par défaut, alors oui, vous êtes assez coincé.

Vous pouvez envisager d'utiliser un InfoWindow personnalisé, appelé un Infobox. Vous pouvez voir une de mes sandboxes ici: http://www.dougglover.com/samples/UOITMap/index.html

Dans le maps.js, vous devriez être capable de lire et de prendre ce dont vous avez besoin de l'infoBox et l'implémenter pour votre propre travail.

Cela vous donne le plein contrôle sur la façon dont vos fenêtres donnent.

MISE À JOUR: Désolé, le lien que je fournis à l'origine est bien mort. Voir ici pour plus d'informations sur Infobox: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/examples.html