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 ligne à une carte statique
Dans cette rubrique, vous allez apprendre à ajouter une ligne à une carte statique à l'aide d'Amazon Location Service. Nous aborderons les options de style prises en charge, comment définir une ligne à l'aide de GeoJSON et comment appliquer des styles personnalisés tels que la couleur, la largeur et le contour. Nous verrons également comment utiliser différentes unités de mesure pour des propriétés telles que la largeur de ligne.
## Style pris en charge
| Nom | Type | Par défaut | Description |
| --- | --- | --- | --- |
| `color` | Couleur | dépend du style | La couleur de la ligne. |
| `width` | Entier/Chaîne | 2 | La largeur de la ligne. Pour de plus amples informations, veuillez consulter [Comment ajouter une ligne à une carte statique](#how-to-add-line-static). |
| `outline-color` | Couleur | dépend du style | Couleur du contour de la ligne. |
| `outline-width` | Entier/Chaîne | 0 (désactivé) | Largeur du contour. Pour de plus amples informations, veuillez consulter [Comment ajouter une ligne à une carte statique](#how-to-add-line-static). |
## Unité prise en charge
| Unit | Description |
| --- | --- |
| Nombre entier, par exemple, `5` | Pixels |
| Chaîne sans unité, par exemple `"5"` | Pixels |
| `"px"` | Pixels |
| `"m"` | Compteurs |
| `"km"` | Kilomètres |
| `"mi"` | Miles |
| `"ft"` | Pieds |
| `"yd"` | Yards |
| `"%"` | Pourcentage de la valeur par défaut pour une propriété spécifique, en pixels. Par exemple, si la valeur par défaut de `width` est `2` pixels, elle `200%` est `4` pixels. `%`est un caractère sensible qui doit être encodé dans l'URL de demande sous la forme`%25`. |
## Ajouter une ligne
Dans cet exemple, vous allez ajouter une ligne entre un lieu de Vancouver et le parc Stanley. La ligne est créée à l'aide d'un format GeoJSON avec des coordonnées définies.
------
#### [ Request ]
```
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "LineString",
"coordinates": [
[-123.11813, 49.28246],
[-123.11967, 49.28347],
[-123.12108, 49.28439],
[-123.12216, 49.28507],
[-123.12688, 49.28812],
[-123.1292, 49.28964],
[-123.13216, 49.2916],
[-123.13424, 49.29291],
[-123.13649, 49.2944],
[-123.13678, 49.29477],
[-123.13649, 49.29569],
[-123.13657, 49.29649],
[-123.13701, 49.29715],
[-123.13584, 49.29847],
[-123.13579, 49.29935],
[-123.13576, 49.30018],
[-123.13574, 49.30097]
]
},
"properties": {
"name": "To Stanley Park",
"description": "An evening walk to Stanley Park."
}
}
]
}
```
------
#### [ Request URL ]
```
https://maps.geo.eu-central-1.amazonaws.com/v2/static/map?style=Satellite&width=1024&height=1024&padding=200&scale-unit=KilometersMiles&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%22LineString%22,%22coordinates%22%3A%5B%5B-123.11813,49.28246%5D,%5B-123.11967,49.28347%5D,%5B-123.12108,49.28439%5D,%5B-123.12216,49.28507%5D,%5B-123.12688,49.28812%5D,%5B-123.1292,49.28964%5D,%5B-123.13216,49.2916%5D,%5B-123.13424,49.29291%5D,%5B-123.13649,49.2944%5D,%5B-123.13678,49.29477%5D,%5B-123.13649,49.29569%5D,%5B-123.13657,49.29649%5D,%5B-123.13701,49.29715%5D,%5B-123.13584,49.29847%5D,%5B-123.13579,49.29935%5D,%5B-123.13576,49.30018%5D,%5B-123.13574,49.30097%5D%5D%7D,%22properties%22%3A%7B%22name%22%3A%22To%20Stanley%20Park%22,%22description%22%3A%22An%20evening%20walk%20to%20Stanley%20Park.%22%7D%7D%5D%7D&key=API_KEY
```
------
#### [ Response image ]
![\[Aerial view of coastal city with dense urban area, marina, and surrounding forests.\]](http://docs.aws.amazon.com/fr_fr/location/latest/developerguide/images/static-add-line.png)
------
## Ajoutez du style à la ligne
Dans cet exemple, vous allez styliser la ligne ajoutée dans l'exemple précédent. Cela inclut la définition de la couleur, de la largeur, de la couleur du contour et de la largeur du contour pour personnaliser l'apparence visuelle de la ligne sur la carte.
------
#### [ Request ]
```
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "LineString",
"coordinates": [
[-123.11813, 49.28246],
[-123.11967, 49.28347],
[-123.12108, 49.28439],
[-123.12216, 49.28507],
[-123.12688, 49.28812],
[-123.1292, 49.28964],
[-123.13216, 49.2916],
[-123.13424, 49.29291],
[-123.13649, 49.2944],
[-123.13678, 49.29477],
[-123.13649, 49.29569],
[-123.13657, 49.29649],
[-123.13701, 49.29715],
[-123.13584, 49.29847],
[-123.13579, 49.29935],
[-123.13576, 49.30018],
[-123.13574, 49.30097]
]
},
"properties": {
"color": "#6d34b3",
"width": "9m",
"outline-color": "#a8b9cc",
"outline-width": "2px"
}
}
]
}
```
------
#### [ Request URL ]
```
https://maps.geo.eu-central-1.amazonaws.com/v2/static/map?style=Satellite&width=1024&height=1024&padding=200&scale-unit=KilometersMiles&geojson-overlay=%7B%22type%22%3A%22FeatureCollection%22,%22features%22%3A%5B%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%22LineString%22,%22coordinates%22%3A%5B%5B-123.11813,49.28246%5D,%5B-123.11967,49.28347%5D,%5B-123.12108,49.28439%5D,%5B-123.12216,49.28507%5D,%5B-123.12688,49.28812%5D,%5B-123.1292,49.28964%5D,%5B-123.13216,49.2916%5D,%5B-123.13424,49.29291%5D,%5B-123.13649,49.2944%5D,%5B-123.13678,49.29477%5D,%5B-123.13649,49.29569%5D,%5B-123.13657,49.29649%5D,%5B-123.13701,49.29715%5D,%5B-123.13584,49.29847%5D,%5B-123.13579,49.29935%5D,%5B-123.13576,49.30018%5D,%5B-123.13574,49.30097%5D%5D%7D,%22properties%22%3A%7B%22color%22%3A%22%236d34b3%22,%22width%22%3A%229m%22,%22outline-color%22%3A%22%23a8b9cc%22,%22outline-width%22%3A%222px%22%7D%7D%5D%7D&key=API_KEY
```
------
#### [ Response image ]
![\[Aerial view of coastal city with dense urban area, marina, and surrounding forests.\]](http://docs.aws.amazon.com/fr_fr/location/latest/developerguide/images/static-add-line-styling.png)
------