Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.
# Come aggiungere una linea a una mappa statica
In questo argomento, imparerai come aggiungere una linea a una mappa statica utilizzando Amazon Location Service. Tratteremo le opzioni di stile supportate, come definire una linea utilizzando GeoJSON e come applicare stili personalizzati come colore, larghezza e contorno. Esploreremo anche come utilizzare diverse unità di misura per proprietà come la larghezza della linea.
## Stile supportato
| Nome | Tipo | Predefinita | Description |
| --- | --- | --- | --- |
| `color` | Colore | dipende dallo stile | Il colore della linea. |
| `width` | Intero/Stringa | 2 | La larghezza della linea. Per ulteriori informazioni, consulta [Come aggiungere una linea a una mappa statica](#how-to-add-line-static). |
| `outline-color` | Colore | dipende dallo stile | Il colore del contorno della linea. |
| `outline-width` | Intero/Stringa | 0 (disattivato) | La larghezza del contorno. Per ulteriori informazioni, consulta [Come aggiungere una linea a una mappa statica](#how-to-add-line-static). |
## Unità supportata
| Unità | Description |
| --- | --- |
| Numero intero, ad esempio `5` | Pixel |
| Stringa senza unità, ad esempio `"5"` | Pixel |
| `"px"` | Pixel |
| `"m"` | Metri |
| `"km"` | Chilometri |
| `"mi"` | Chilometri |
| `"ft"` | Piedi |
| `"yd"` | Iarde |
| `"%"` | La percentuale del valore predefinito per una proprietà specifica, in pixel. Ad esempio, se il valore predefinito per `width` è `2` pixel, allora `200%` è `4` pixel. `%`è un carattere sensibile che deve essere codificato nell'URL della richiesta come`%25`. |
## Aggiungi una riga
In questo esempio, aggiungerai una linea da un luogo di Vancouver a Stanley Park. La linea viene creata utilizzando un formato GeoJSON con coordinate definite.
------
#### [ 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 ]
------
## Aggiungi stile alla linea
In questo esempio, applicherete uno stile alla linea aggiunta nell'esempio precedente. Ciò include la definizione del colore, della larghezza, del colore del contorno e della larghezza del contorno della linea per personalizzare l'aspetto visivo della linea sulla mappa.
------
#### [ 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 ]
------