翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。
# マップにポリゴンを追加する方法
Amazon Location Service では、マップにポリゴンを追加できます。塗りつぶしやボーダースタイルの追加など、ビジネスニーズに基づいてポリゴンのスタイルを設定できます。
## ポリゴンを追加する
この例では、マップにポリゴンを追加し、塗りつぶし色と境界線でスタイル付けします。
### ポリゴンコードの例
------
#### [ index.html ]
```
Overlay a Polygon on a Map
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
#### [ main.js ]
```
const barclayHeritageSquare = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"park_id": 200,
"park_name": "Barclay Heritage Square",
"area_ha": 0.63255076039675,
"park_url": "http://covapp.vancouver.ca/parkfinder/parkdetail.aspx?inparkid=200"
},
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[-123.1320948511985, 49.287379401361406],
[-123.13179672786798, 49.2871908081159],
[-123.13148154587924, 49.28739992437733],
[-123.1313830551372, 49.28733617069321],
[-123.13118648745055, 49.287208851500054],
[-123.13128257706838, 49.28714532642171],
[-123.13147941881572, 49.28727228533418],
...
[-123.13177619357138, 49.28759081706052],
[-123.1320948511985, 49.287379401361406]
]
]
}
}
]
};
```
------