2012-07-18 4 views
0

Je rencontre des problèmes pour obtenir mon infowindow pour avoir la taille que je veux. J'essaye de placer une image de 15px x 15px à l'intérieur de l'infowindow et ai la taille d'infowindow elle-même en conséquence. Cependant, il semble que peu importe ce que je fais, l'infowindow est beaucoup plus grande que l'image. Voici le code que je suis en train de mettre à l'intérieur du infowindow:Google Maps V3 infowindow ne taille pas à l'image

<div style="width: 15px; height 15px"> 
    <img src="http://maps.gstatic.com/mapfiles/transit/iw/6/walk.png" width="15" height="15"> 
</div> 

Alors est ici le code pour faire et afficher la fenêtre elle-même:

var infowindow = new google.maps.InfoWindow({ 
    content: window_text, 
    position: GPS_coordinates, 
    maxWidth: "15px" 
}); 
infowindow.open(map); 

Y at-il quelque chose que je fais mal ici? Merci pour votre aide!

Répondre

1

Il y a une taille minimale à la InfoWindow en raison des graphiques à partir de laquelle il est construit. La largeur minimale est de 247px, et une valeur de maxWidth inférieure à cette valeur entraînera une largeur de 247px.

Références
https://groups.google.com/forum/m/#!topic/google-maps-js-api-v3/Dnew8W5Trjg
How to size a Google Maps InfoWindow in Javascript (v3 API)

Autres ressources
Vous pouvez essayer le InfoBox ou infobulle dans la bibliothèque utilitaire
http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries

Questions connexes