本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。
# 如何在地圖上新增控制項
Amazon Location Service 可讓您將多個控制項新增至地圖，包括導覽、地理位置、全螢幕、擴展和歸因控制項。
+ **導覽控制**：包含縮放按鈕和羅盤。
+ **地理位置控制**：提供使用瀏覽器地理位置 API 在地圖上尋找使用者的按鈕。
+ **全螢幕控制**：包含用於切換地圖進入和退出全螢幕模式的按鈕。
+ **縮放控制**：顯示地圖上距離與地面上對應距離的比率。
+ **屬性控制**：顯示地圖的屬性資訊。根據預設，屬性控制項會展開 （無論地圖寬度為何）。
您可以將控制項新增至地圖的任何角落：左上角、左下角、右下角或右上角。
## 新增地圖控制項
在下列範例中，您將新增上面列出的地圖控制項。
### 映射控制程式碼範例
------
#### [ index.html ]
```
Map Controls
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
## 開發人員秘訣
### 導覽控制選項
```
new maplibregl.NavigationControl({
showCompass: true, // show or hide compass (default: true)
showZoom: true // show or hide zoom controls (default: true)
});
```
### 地理位置控制選項
```
new maplibregl.GeolocateControl({
positionOptions: { enableHighAccuracy: true }, // default: false
trackUserLocation: true // default: false
});
```
### 屬性控制選項
```
new maplibregl.AttributionControl({
compact: true, // compact (collapsed) mode (default: false)
});
```
### 擴展控制選項
```
new maplibregl.ScaleControl({
maxWidth: 100, // width of the scale (default: 50)
unit: 'imperial' // imperial or metric (default: metric)
});
```
### 全螢幕控制選項
```
map.addControl(new maplibregl.FullscreenControl({
container: document.querySelector('body') // container for fullscreen mode
}));
```