Comment changer le infowindow dans l'api google maps
Une fenêtre d'information est le petit, flottante, bulle pop-up qui apparaît lorsque vous cliquez sur un push-pin appelé un marqueur de localisation sur une carte Google Map. Par défaut, les fenêtres d'information ressemblent à un mot-ballon avec la tige du ballon popping-out du marqueur de l'emplacement. Utilisation de l'objet Google Maps javascript API V3 "options de InfoWindow", vous pouvez modifier l'emplacement de la fenêtre d'information, le texte affiché dans la fenêtre d'informations, et la largeur maximale de la fenêtre d'informations.
Instructions
Accédez à votre fichier HTML et de naviguer dans le code à l'endroit où vous définissez votre Google Map.
Modifiez le contenu de la fenêtre d'informations en modifiant le texte de la variable contenant le contenu de texte de la fenêtre. Trouver le nom de la variable dans l'attribut contenu de la fenêtre d'informations. Dans l'exemple de code suivant, "windowText" est la variable définissant le texte de la fenêtre.
Renseignements fenêtre var = new google.maps.InfoWindow ({
# 9-contenu: windowText
});
Trouver la variable windowText et modifier le texte HTML. Par exemple, votre code peut ressembler à ceci:
var windowText = '
# 9-
Paris est la capitale de la France. Paris est connue comme la Ville des Lumières.
Dans ce cas, modifier le texte HTML entre les balises de paragraphe,
, de changer le contenu de la fenêtre d'informations.
Définir la largeur maximale de la fenêtre d'informations en définissant l'attribut "maxWidth" dans le "Options Infos fenêtre" objet. Ajoutant à l'exemple de code ci-dessus, la largeur maximale de la fenêtre d'information est fixé à 400 pixels de large.
Renseignements fenêtre var = new google.maps.InfoWindow ({
# 9-contenu: windowText
# 9-maxWidth = 400
});
Changez la position de la fenêtre d'information de l'emplacement du marqueur de défaut à un nouvel emplacement en utilisant la fonction "infowindow.setPosition".
Dans le code javascript où vous initialiser la carte, ajouter la fonction de infowindow.setPosition ". Dans l'exemple ci-dessous, l'InfoWindow ouvrira sur le 52,11111 latitude et la longitude -100,1111.
infowindow.setPosition (52,1111, -100,1111);