Comment concevez-vous le menu déroulant de l'API de saisie automatique Google Adresses?

Question

Nous devons modifier le style de la liste déroulante afin d'afficher les suggestions de lieu à remplissage automatique lors de l'utilisation de l'API Google Places / Maps Autocomplete.

Est-ce que quelqu'un sait si c'est même possible? Si oui, je suppose que nous avons juste besoin de connaître les noms de classe / ID CSS.

Il y a une capture d'écran du bit dont je parle ici:

Screengrab>

Answer 1

Ceci est maintenant documenté par Google: https://google-developers.appspot.com/maps/documentation/javascript/places-autocomplete#style_autocomplete

Answer 2

Si vous utilisez firebug (comme mentionné dans un commentaire à votre question ...), vous voyez que le conteneur avec les résultats autocomplete est un DIV avec la classe "pac-container" et que les suggestions sont à l'intérieur sous la forme d'un DIV avec la classe " pac-item ". il suffit donc de style avec CSS.

Answer 3

Cette CSS permettra au menu déroulant de redimensionner pour s’adapter à la largeur des résultats:

 .pac-container, .pac-item {
    width: inherit !important;
}