Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra. # Comment ajouter une fenêtre contextuelle à une carte Amazon Location Service vous permet d'ajouter des fenêtres contextuelles à la carte. Vous pouvez ajouter des fenêtres contextuelles simples, des fenêtres contextuelles déclenchées par un clic sur les marqueurs, des fenêtres contextuelles déclenchées par le survol et des fenêtres contextuelles pour plusieurs marqueurs. ## Ajoutez votre première fenêtre contextuelle Dans cet exemple, vous allez ajouter votre première fenêtre contextuelle. ### Premier exemple de code contextuel ------ #### [ index.html ] ``` Display a map
``` ------ #### [ style.css ] ``` body { margin: 0; padding: 0; } html, body, #map { height: 100%; } ``` ------ ## Afficher une fenêtre contextuelle en cliquant sur un marqueur Dans cet exemple, vous allez joindre une fenêtre contextuelle à un marqueur et l'afficher au clic. ### Exemple de clic contextuel sur un marqueur ------ #### [ index.html ] ``` Display a map
``` ------ #### [ style.css ] ``` body { margin: 0; padding: 0; } html, body, #map { height: 100%; } ``` ------ ## Afficher une fenêtre contextuelle au survol d'un marqueur Dans cet exemple, vous allez associer une fenêtre contextuelle à un marqueur et l'afficher au survol. ### Exemple de survol d'une fenêtre contextuelle sur un marqueur ------ #### [ index.html ] ``` Display a map
``` ------ #### [ style.css ] ``` body { margin: 0; padding: 0; } html, body, #map { height: 100%; } ``` ------ ## Afficher une fenêtre contextuelle lorsque vous cliquez sur plusieurs marqueurs Dans cet exemple, vous allez associer une fenêtre contextuelle à plusieurs marqueurs et l'afficher au clic. ### Exemple de fenêtre contextuelle lors d'un clic sur plusieurs marqueurs ------ #### [ index.html ] ``` Display a map
``` ------ #### [ style.css ] ``` body { margin: 0; padding: 0; } html, body, #map { height: 100%; } ``` ------ ## Afficher la fenêtre contextuelle au survol sur plusieurs marqueurs Dans cet exemple, vous allez associer une fenêtre contextuelle à plusieurs marqueurs et l'afficher au survol. ### Exemple de fenêtre contextuelle au survol de plusieurs marqueurs ------ #### [ index.html ] ``` Display a map
``` ------ #### [ style.css ] ``` body { margin: 0; padding: 0; } html, body, #map { height: 100%; } ``` ------