Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

# Cara menambahkan garis ke peta statis
<a name="how-to-add-line-static"></a>

 Dalam topik ini, Anda akan mempelajari cara menambahkan baris ke peta statis menggunakan Amazon Location Service. Kami akan membahas opsi styling yang didukung, cara menentukan garis menggunakan GeoJSON, dan cara menerapkan gaya kustom seperti warna, lebar, dan garis besar. Kami juga akan mengeksplorasi cara menggunakan unit pengukuran yang berbeda untuk properti seperti lebar garis. 

## Gaya yang didukung
<a name="supported-styling"></a>


| Nama | Tipe | Default | Deskripsi | 
| --- | --- | --- | --- | 
| `color` | Warna | tergantung gaya | Warna garis. | 
| `width` | Integer/String | 2 | Lebar garis. Untuk informasi selengkapnya, lihat [Cara menambahkan garis ke peta statis](#how-to-add-line-static). | 
| `outline-color` | Warna | tergantung gaya | Warna garis garis besar. | 
| `outline-width` | Integer/String | 0 (dimatikan) | Lebar garis besar. Untuk informasi selengkapnya, lihat [Cara menambahkan garis ke peta statis](#how-to-add-line-static). | 

## Unit yang didukung
<a name="supported-unit"></a>


| Unit | Deskripsi | 
| --- | --- | 
| Integer, misalnya, `5` | Piksel | 
| String tanpa unit, misalnya `"5"` | Piksel | 
| `"px"` | Piksel | 
| `"m"` | Meter | 
| `"km"` | Kilometer | 
| `"mi"` | Miles | 
| `"ft"` | Kaki | 
| `"yd"` | Pekarangan | 
| `"%"` | Persentase nilai default untuk properti tertentu, dalam piksel. Misalnya, jika nilai default untuk `width` adalah `2` piksel, maka `200%` adalah `4` piksel. `%`adalah karakter sensitif yang harus dikodekan dalam URL permintaan sebagai. `%25` | 

## Tambahkan baris
<a name="add-a-line"></a>

 Dalam contoh ini, Anda akan menambahkan garis dari suatu tempat di Vancouver ke Stanley Park. Baris dibuat menggunakan format GeoJSON dengan koordinat yang ditentukan. 

------
#### [ 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 ]

![Tampilan satelit semenanjung pesisir dengan jalur merah menandai rute melalui daerah pemukiman dan marina.](http://docs.aws.amazon.com/id_id/location/latest/developerguide/images/static-add-line.png)


------

## Tambahkan gaya ke garis
<a name="add-styling"></a>

 Dalam contoh ini, Anda akan menata garis yang ditambahkan pada contoh sebelumnya. Ini termasuk mendefinisikan warna garis, lebar, warna garis besar, dan lebar garis untuk menyesuaikan tampilan visual garis pada peta. 

------
#### [ 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 ]

![Respons API Peta Statis menunjukkan polyline bergaya dengan warna, lebar, dan opasitas khusus yang diterapkan pada rute pesisir.](http://docs.aws.amazon.com/id_id/location/latest/developerguide/images/static-add-line-styling.png)


------