Faire Infowindow se comporter comme une fenêtre modale (Google Maps API v3)

Question

Existe-t-il un moyen de faire en sorte que l'InfoWindow Google Maps se comporte davantage comme une fenêtre modale? Voici mes objectifs:

• Prenez tout ou la plupart de largeur et la hauteur de l'écran
• Ne pas déplacer la carte automatiquement lorsque le marqueur est cliqué

Si quelqu'un pouvait me diriger dans la bonne direction pour atteindre ces objectifs, il serait grandement apprécié. Je vous remercie!

API Google Maps v3

Answer 1

par les sons de celui-ci vous devrez faire une place modale coutume d'utiliser une fenêtre d'information.

Je vous suggère d'utiliser Bootstrap pour y parvenir. Dans la documentation, ils expliquent très bien avec des exemples comment utiliser le modal. Il est également très bien stylé.

Bien que si vous voulez qu'il occupe la majeure partie de l'espace de l'écran, il peut être nécessaire de créer votre modal entièrement personnalisé.

Vous pouvez simplement masquer()/Show() votre modal personnalisé sur un événement click.

Answer 2

C'est en fait assez simple. Ignorer les boîtes d'information de la carte et simplement mettre un div supplémentaire dans votre html fixe positionné à 0,0 qui a une largeur et une hauteur de 100%. Cachez-le dans votre css puis avec la fonction d'événement 'clic' de votre marqueur, affichez la div et insérez votre contenu dedans.

Plein écran terminé.