翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# 静的マップに線を追加する方法
<a name="how-to-add-line-static"></a>

 このトピックでは、Amazon Location Service を使用して静的マップに線を追加する方法について説明します。サポートされているスタイルオプション、GeoJSON を使用して線を定義する方法、色、幅、アウトラインなどのカスタムスタイルを適用する方法について説明します。また、線の幅などのプロパティに異なる測定単位を使用する方法についても説明します。

## サポートされているスタイル
<a name="supported-styling"></a>


| 名前 | 型 | デフォルト  | 説明  | 
| --- | --- | --- | --- | 
| `color` | 色 | スタイル依存 | 線の色。 | 
| `width` | 整数、文字列 | 2 | 線の幅。詳細については、「[静的マップに線を追加する方法](#how-to-add-line-static)」を参照してください。 | 
| `outline-color` | 色 | スタイル依存 | 線のアウトライン色。 | 
| `outline-width` | 整数、文字列 | 0 (オフ) | アウトラインの幅。詳細については、「[静的マップに線を追加する方法](#how-to-add-line-static)」を参照してください。 | 

## サポートされている単位
<a name="supported-unit"></a>


| Unit | 説明 | 
| --- | --- | 
| 整数。例: `5` | ピクセル | 
| 単位のない文字列。例: `"5"` | ピクセル | 
| `"px"` | ピクセル | 
| `"m"` | メートル | 
| `"km"` | キロメートル | 
| `"mi"` | マイル | 
| `"ft"` | フィート | 
| `"yd"` | ヤード | 
| `"%"` | 特定のプロパティのデフォルト値の割合をピクセル単位で示します。例えば、`width` のデフォルト値が `2` ピクセルの場合、`200%` は `4` ピクセルです。`%` は、リクエスト URL で `%25` としてエンコードする必要がある機密文字です。 | 

## 線を追加する
<a name="add-a-line"></a>

 この例では、バンクーバーの場所からスタンレーパークに線を追加します。線は、定義された座標を持つ GeoJSON 形式を使用して作成されます。

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

![住居エリアとマリーナを通過する赤い線のマークルートを持つ沿岸半島の衛星ビュー。](http://docs.aws.amazon.com/ja_jp/location/latest/developerguide/images/static-add-line.png)


------

## 線にスタイルを追加する
<a name="add-styling"></a>

 この例では、前の例で追加された線のスタイルを設定します。これには、線の色、幅、アウトラインの色、アウトラインの幅を定義して、マップ上の線の外観のカスタマイズが含まれます。

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

![Static Maps API レスポンスは、カスタムの色、幅、不透明度を沿岸ルートに適用したスタイルポリラインを示しています。](http://docs.aws.amazon.com/ja_jp/location/latest/developerguide/images/static-add-line-styling.png)


------