Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.
# So fügen Sie der Karte eine Steuerung hinzu
Mit Amazon Location Service können Sie der Karte mehrere Steuerelemente hinzufügen, darunter Navigations-, Geolokalisierungs-, Vollbild-, Maßstab- und Zuordnungssteuerungen.
+ **Navigationssteuerung**: Enthält Zoom-Tasten und einen Kompass.
+ **Geolocate-Steuerung**: Stellt eine Schaltfläche bereit, die die Geolocation-API des Browsers verwendet, um den Benutzer auf der Karte zu lokalisieren.
+ **Steuerung im Vollbildmodus**: Enthält eine Schaltfläche zum Ein- und Ausschalten der Karte im Vollbildmodus.
+ **Skalensteuerung**: Zeigt das Verhältnis einer Entfernung auf der Karte zur entsprechenden Entfernung auf dem Boden an.
+ **Zuordnungskontrolle**: Zeigt die Zuordnungsinformationen der Karte an. Standardmäßig ist die Zuordnungssteuerung erweitert (unabhängig von der Kartenbreite).
Sie können die Steuerelemente zu jeder Ecke der Karte hinzufügen: oben links, unten links, unten rechts oder oben rechts.
## Steuerelemente für die Karte hinzufügen
Im folgenden Beispiel fügen Sie die oben aufgeführten Kartensteuerelemente hinzu.
### Beispiel für einen Code zur Kartensteuerung
------
#### [ index.html ]
```
Map Controls
```
------
#### [ style.css ]
```
body { margin: 0; padding: 0; }
html, body, #map { height: 100%; }
```
------
## Tipps für Entwickler
### Optionen zur Steuerung der Navigation
```
new maplibregl.NavigationControl({
showCompass: true, // show or hide compass (default: true)
showZoom: true // show or hide zoom controls (default: true)
});
```
### Optionen zur Geolocate-Steuerung
```
new maplibregl.GeolocateControl({
positionOptions: { enableHighAccuracy: true }, // default: false
trackUserLocation: true // default: false
});
```
### Optionen zur Kontrolle der Zuordnung
```
new maplibregl.AttributionControl({
compact: true, // compact (collapsed) mode (default: false)
});
```
### Optionen zur Skalensteuerung
```
new maplibregl.ScaleControl({
maxWidth: 100, // width of the scale (default: 50)
unit: 'imperial' // imperial or metric (default: metric)
});
```
### Optionen zur Steuerung im Vollbildmodus
```
map.addControl(new maplibregl.FullscreenControl({
container: document.querySelector('body') // container for fullscreen mode
}));
```