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 un marqueur sur une carte statique Dans cette rubrique, vous allez apprendre à ajouter des marqueurs aux cartes statiques générées avec Amazon Location Service. Vous pouvez personnaliser l'icône, l'étiquette, la taille, la couleur et les autres options de style du marqueur. Cela vous permet de mettre en évidence des emplacements spécifiques à l'aide de repères visuels correspondant à l'objectif de votre carte. ## Style du marqueur | Nom | Type | Par défaut | Description | | --- | --- | --- | --- | | `style` | String | `marker` | Style de la géométrie des points. Pour créer un marqueur, définissez la valeur sur `marker` ou n'incluez pas l'`style`attribut dans l'objet properties du GeoJSON. | | `icon` | String | `pin` | Type d'icône du marqueur. Les valeurs disponibles incluent : `cp` (cercle de proximité)`diamond`,`pin`,`poi`,`square`,`triangle`,`bubble`. | | `label` | String | `` | Le texte à afficher aux coordonnées. Pour définir des libellés automatiques, utilisez les valeurs suivantes : `$alpha` (alphabet latin) ou `$num` (chiffres arabes). | | `color` | Couleur | Dépend du style | La couleur de l'icône. | | `outline-color` | Couleur | Dépend du style | Couleur du contour de l'icône. | | `text-color` | Couleur | Dépend du style | Couleur du texte de l'étiquette. | | `text-outline-color` | Couleur | Dépend du style | Couleur du contour du texte. | | `outline-width` | Entier | `0`(désactivé) | Largeur du contour du texte. | | `size` | String | `medium` | Taille de l'étiquette et de l'icône. Valeurs disponibles :`small`,`medium`,`large`. | ## Ajouter un marqueur à une image de carte Dans cet exemple, vous allez placer un marqueur avec une étiquette sur l'image cartographique de BC Place, à Vancouver. `Geo JSON`: ``` { "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [ -123.11210, 49.2767875 ] }, "properties": { "color":"#EE4B2B", "size":"large", "label":"BC Place, Vancouver", "text-color":"#0000FF" } } ] } ``` `Compact`: ``` point: -123.11210,49.27678; label=BC Place, Vancouver; size=large; text-color=#0000FF; color=#EE4B2B ``` ------ #### [ Request URL ] Avec la superposition GeoJSON ``` https://maps.geo.eu-central-1.amazonaws.com/v2/static/map?style=Satellite&width=1024&height=1024&zoom=15&scale-unit=KilometersMiles&geojson-overlay=%7B%22type%22%3A%22FeatureCollection%22,%22features%22%3A%5B%7B%22type%22%3A%22Feature%22,%22properties%22%3A%7B%22color%22%3A%22%23EE4B2B%22,%22size%22%3A%22large%22,%22label%22%3A%22BC%20Place,%20Vancouver%22,%22text-color%22%3A%22%230000FF%22%7D,%22geometry%22%3A%7B%22coordinates%22%3A%5B-123.11210974152168,49.27678753813112%5D,%22type%22%3A%22Point%22%7D%7D%5D%7D&key={{API_KEY}} ``` ------ #### [ Response image ] ![Vue satellite de Vancouver montrant le stade BC Place marqué d'une épingle de localisation près de False Creek.](http://docs.aws.amazon.com/fr_fr/location/latest/developerguide/images/static-add-marker.png) ------ ## Ajouter plusieurs marqueurs à une image de carte Dans cet exemple, vous allez ajouter des marqueurs pour les lieux incontournables d'Helsinki, en Finlande, en utilisant leurs coordonnées (longitude, latitude). Vous pouvez également appliquer un rembourrage pour vous assurer que la carte intègre correctement tous les marqueurs. **Note** Le type d'icône de marqueur disponible inclut : `cp` pour le cercle de proximité,`diamond, pin, poi, square, triangle, bubble`. `Geo JSON`: ``` { "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "MultiPoint", "coordinates": [ [24.9526, 60.1692], [24.9270, 60.1725], [24.9226, 60.1826], [24.9509, 60.1675], [24.9566, 60.1685], [24.9457, 60.1674], [24.9397, 60.1719], [24.9414, 60.1715], [24.9387, 60.1720] ] }, "properties": { "icon":"diamond", "label":"$num", "size":"large", "text-color":"%23972E2B", "text-outline-color":"%23FFF", "text-outline-width":2 } } ] } ``` ------ #### [ Request URL ] ``` https://maps.geo.eu-central-1.amazonaws.com/v2/static/map?style=Satellite&width=1024&height=1024&padding=150&geojson-overlay=%7B%22type%22%3A%22FeatureCollection%22,%22features%22%3A%5B%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22MultiPoint%22,%22coordinates%22%3A%5B%5B24.9526,60.1692%5D,%5B24.927,60.1725%5D,%5B24.9226,60.1826%5D,%5B24.9509,60.1675%5D,%5B24.9566,60.1685%5D,%5B24.9457,60.1674%5D,%5B24.9397,60.1719%5D,%5B24.9414,60.1715%5D,%5B24.9387,60.172%5D%5D%7D,%22properties%22%3A%7B%22icon%22%3A%22diamond%22,%22label%22%3A%22%24num%22,%22size%22%3A%22large%22,%22text-color%22%3A%22%23972E2B%22,%22text-outline-color%22%3A%22%23FFF%22,%22text-outline-width%22%3A2%7D%7D%5D%7D&key={{API_KEY}} ``` ------ #### [ Response image ] ![Réponse de l'API Static Maps indiquant plusieurs marqueurs numérotés placés à différents endroits, démontrant ainsi la prise en charge de plusieurs marqueurs.](http://docs.aws.amazon.com/fr_fr/location/latest/developerguide/images/static-add-multi-markers.png) ------ ## Modifier la couleur du marqueur dans une image de carte Dans cet exemple, vous allez utiliser des marqueurs à bulles de différentes couleurs pour représenter des villes du monde entier. Vous pouvez personnaliser la couleur, l'étiquette et les autres propriétés du marqueur en fonction du contexte de votre carte. `Geo JSON`: ``` { "type": "FeatureCollection", "features": [ { "type": "Feature", "geometry": { "type": "Point", "coordinates": [85.1376, 25.5941] }, "properties": { "label": "Patna", "icon": "bubble", "color": "#FF5722", "outline-color": "#D74D3D", "text-color": "#FFFFFF" } }, .....redacted..... { "type": "Feature", "geometry": { "type": "Point", "coordinates": [2.3522, 48.8566] }, "properties": { "label": "Paris, France", "icon": "bubble", "color": "#FF9800", "outline-color": "#D76B0B", "text-color": "#FFFFFF" } } ] } ``` ------ #### [ Request URL ] ``` https://maps.geo.eu-central-1.amazonaws.com/v2/static/map?style=Satellite&width=1400&height=1024&padding=150&geojson-overlay=%7B%22type%22%3A%22FeatureCollection%22,%22features%22%3A%5B%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B85.1376,25.5941%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Patna%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%23FF5722%22,%22outline-color%22%3A%22%23D74D3D%22,%22text-color%22%3A%22%23FFFFFF%22%7D%7D,%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B105.8542,21.0285%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Hanoi,%20Vietnam%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%232196F3%22,%22outline-color%22%3A%22%231A78C2%22,%22text-color%22%3A%22%23FFFFFF%22%7D%7D,%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B116.4074,39.9042%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Beijing,%20China%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%23FF9800%22,%22outline-color%22%3A%22%23D76B0B%22,%22text-color%22%3A%22%23FFFFFF%22%7D%7D,%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B106.9101,47.918%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Ulaanbaatar,%20Mongolia%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%239C27B0%22,%22outline-color%22%3A%22%237B1FA2%22,%22text-color%22%3A%22%23FFFFFF%22%7D%7D,%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B151.2093,-33.8688%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Sydney,%20Australia%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%234CAF50%22,%22outline-color%22%3A%22%23388E3C%22,%22text-color%22%3A%22%23FFFFFF%22%7D%7D,%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B174.7633,-41.2865%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Wellington,%20New%20Zealand%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%23FFC107%22,%22outline-color%22%3A%22%23FFA000%22,%22text-color%22%3A%22%23000000%22%7D%7D%5D%7D&key={{API_KEY}} ``` ------ #### [ Response image ] ![Carte du monde montrant des villes étiquetées telles que Bruxelles, Paris, Le Caire, Dubaï, Nairobi, Patna, Pékin, Oulan-Bator, Hanoi, Sydney et Wellington.](http://docs.aws.amazon.com/fr_fr/location/latest/developerguide/images/static-change-marker-color.png) ------