

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 einer statischen Karte eine Markierung hinzu
<a name="add-marker-static-map"></a>

In diesem Thema erfahren Sie, wie Sie Markierungen zu statischen Karten hinzufügen, die mit Amazon Location Service generiert wurden. Sie können das Symbol, die Bezeichnung, die Größe, die Farbe und andere Gestaltungsoptionen der Markierung anpassen. Auf diese Weise können Sie bestimmte Orte mit visuellen Hinweisen hervorheben, die dem Zweck Ihrer Karte entsprechen.

## Formatierung von Markierungen
<a name="marker-styling"></a>


| Name | Typ | Standard | Beschreibung | 
| --- | --- | --- | --- | 
| `style` | String | `marker` | Der Stil der Punktgeometrie. Um eine Markierung zu erstellen, setzen Sie den Wert auf `marker` oder schließen Sie das `style` Attribut nicht in das Eigenschaftenobjekt von GeoJSON ein. | 
| `icon` | String | `pin` | Der Typ des Markersymbols. Zu den verfügbaren Werten gehören: `cp` (Näherungskreis)`diamond`,`pin`,`poi`,`square`,,`triangle`,`bubble`. | 
| `label` | String | `<empty>` | Der Text, der an den Koordinaten angezeigt werden soll. Verwenden Sie die folgenden Werte, um automatische Beschriftungen festzulegen: `$alpha` (lateinisches Alphabet) oder `$num` (arabische Ziffern). | 
| `color` | Farbe | Abhängig vom Stil | Die Farbe des Symbols. | 
| `outline-color` | Farbe | Abhängig vom Stil | Die Umrissfarbe des Symbols. | 
| `text-color` | Farbe | Abhängig vom Stil | Die Farbe des Label-Textes. | 
| `text-outline-color` | Farbe | Abhängig vom Stil | Die Umrissfarbe des Textes. | 
| `outline-width` | Ganzzahl | `0`(ausgeschaltet) | Die Breite des Textumrisses. | 
| `size` | String | `medium` | Die Größe des Etiketts und des Symbols. Verfügbare Werte:`small`,`medium`,`large`. | 

## Fügen Sie einem Kartenbild eine Markierung hinzu
<a name="add-marker-single"></a>

In diesem Beispiel platzieren Sie eine Markierung mit einer Bezeichnung auf dem Kartenbild von BC Place, Vancouver.

`Geo JSON`:

```
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "geometry": {
        "type": "Point",
        "coordinates": [
          -123.11210,
          49.2767875
        ]
        },
      "properties": {
          "color":"#EE4B2B",
          "size":"large",
          "label":"BC Place, Vancouver",
          "text-color":"#0000FF"
       }
    }
  ]
}
```

`Compact`:

```
point: -123.11210,49.27678;
label=BC Place, Vancouver;
size=large;
text-color=#0000FF;
color=#EE4B2B
```

------
#### [ Request URL ]

Mit dem GeoJSON-Overlay

```
https://maps.geo.eu-central-1.amazonaws.com/v2/static/map?style=Satellite&width=1024&height=1024&zoom=15&scale-unit=KilometersMiles&geojson-overlay=%7B%22type%22%3A%22FeatureCollection%22,%22features%22%3A%5B%7B%22type%22%3A%22Feature%22,%22properties%22%3A%7B%22color%22%3A%22%23EE4B2B%22,%22size%22%3A%22large%22,%22label%22%3A%22BC%20Place,%20Vancouver%22,%22text-color%22%3A%22%230000FF%22%7D,%22geometry%22%3A%7B%22coordinates%22%3A%5B-123.11210974152168,49.27678753813112%5D,%22type%22%3A%22Point%22%7D%7D%5D%7D&key=API_KEY
```

------
#### [ Response image ]

![\[Aerial view of Vancouver's downtown and harbor, with BC Place stadium marked.\]](http://docs.aws.amazon.com/de_de/location/latest/developerguide/images/static-add-marker.png)


------

## Fügen Sie einem Kartenbild mehrere Markierungen hinzu
<a name="add-multiple-markers"></a>

In diesem Beispiel fügen Sie anhand ihrer Koordinaten (Längengrad, Breitengrad) Markierungen für Orte in Helsinki, Finnland, hinzu, die man gesehen haben muss. Sie können auch eine Polsterung anwenden, um sicherzustellen, dass die Karte alle Markierungen korrekt enthält.

**Anmerkung**  
Zu den verfügbaren Markersymbolen gehören: `cp` für Näherungskreis,. `diamond, pin, poi, square, triangle, bubble`

`Geo JSON`:

```
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "geometry": {
        "type": "MultiPoint",
        "coordinates": [
          [24.9526, 60.1692],
          [24.9270, 60.1725],
          [24.9226, 60.1826],
          [24.9509, 60.1675],
          [24.9566, 60.1685],
          [24.9457, 60.1674],
          [24.9397, 60.1719],
          [24.9414, 60.1715],
          [24.9387, 60.1720]
        ]
      },
      "properties": {
        "icon":"diamond",
        "label":"$num",
        "size":"large",
        "text-color":"%23972E2B",
        "text-outline-color":"%23FFF",
        "text-outline-width":2
      }
    }
  ]
}
```

------
#### [ Request URL ]

```
https://maps.geo.eu-central-1.amazonaws.com/v2/static/map?style=Satellite&width=1024&height=1024&padding=150&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%22MultiPoint%22,%22coordinates%22%3A%5B%5B24.9526,60.1692%5D,%5B24.927,60.1725%5D,%5B24.9226,60.1826%5D,%5B24.9509,60.1675%5D,%5B24.9566,60.1685%5D,%5B24.9457,60.1674%5D,%5B24.9397,60.1719%5D,%5B24.9414,60.1715%5D,%5B24.9387,60.172%5D%5D%7D,%22properties%22%3A%7B%22icon%22%3A%22diamond%22,%22label%22%3A%22%24num%22,%22size%22%3A%22large%22,%22text-color%22%3A%22%23972E2B%22,%22text-outline-color%22%3A%22%23FFF%22,%22text-outline-width%22%3A2%7D%7D%5D%7D&key=API_KEY
```

------
#### [ Response image ]

![\[Aerial view of a city with lakes, buildings, roads, and numbered markers indicating points of interest.\]](http://docs.aws.amazon.com/de_de/location/latest/developerguide/images/static-add-multi-markers.png)


------

## Ändern Sie die Farbe der Markierung in einem Kartenbild
<a name="change-marker-color"></a>

In diesem Beispiel verwenden Sie Blasenmarkierungen in verschiedenen Farben, um Städte auf der ganzen Welt darzustellen. Sie können die Farbe, die Bezeichnung und andere Eigenschaften der Markierung an den Kontext Ihrer Karte anpassen.

`Geo JSON`:

```
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "geometry": {
        "type": "Point",
        "coordinates": [85.1376, 25.5941]
      },
      "properties": {
        "label": "Patna",
        "icon": "bubble",
        "color": "#FF5722",
        "outline-color": "#D74D3D",
        "text-color": "#FFFFFF"
      }
    },
    .....redacted.....
    {
      "type": "Feature",
      "geometry": {
        "type": "Point",
        "coordinates": [2.3522, 48.8566]
      },
      "properties": {
        "label": "Paris, France",
        "icon": "bubble",
        "color": "#FF9800",
        "outline-color": "#D76B0B",
        "text-color": "#FFFFFF"
      }
    }
  ]
}
```

------
#### [ Request URL ]

```
https://maps.geo.eu-central-1.amazonaws.com/v2/static/map?style=Satellite&width=1400&height=1024&padding=150&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%22Point%22,%22coordinates%22%3A%5B85.1376,25.5941%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Patna%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%23FF5722%22,%22outline-color%22%3A%22%23D74D3D%22,%22text-color%22%3A%22%23FFFFFF%22%7D%7D,%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B105.8542,21.0285%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Hanoi,%20Vietnam%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%232196F3%22,%22outline-color%22%3A%22%231A78C2%22,%22text-color%22%3A%22%23FFFFFF%22%7D%7D,%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B116.4074,39.9042%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Beijing,%20China%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%23FF9800%22,%22outline-color%22%3A%22%23D76B0B%22,%22text-color%22%3A%22%23FFFFFF%22%7D%7D,%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B106.9101,47.918%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Ulaanbaatar,%20Mongolia%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%239C27B0%22,%22outline-color%22%3A%22%237B1FA2%22,%22text-color%22%3A%22%23FFFFFF%22%7D%7D,%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B151.2093,-33.8688%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Sydney,%20Australia%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%234CAF50%22,%22outline-color%22%3A%22%23388E3C%22,%22text-color%22%3A%22%23FFFFFF%22%7D%7D,%7B%22type%22%3A%22Feature%22,%22geometry%22%3A%7B%22type%22%3A%22Point%22,%22coordinates%22%3A%5B174.7633,-41.2865%5D%7D,%22properties%22%3A%7B%22label%22%3A%22Wellington,%20New%20Zealand%22,%22icon%22%3A%22bubble%22,%22color%22%3A%22%23FFC107%22,%22outline-color%22%3A%22%23FFA000%22,%22text-color%22%3A%22%23000000%22%7D%7D%5D%7D&key=API_KEY
```

------
#### [ Response image ]

![\[World map showing locations of major cities across continents with colored labels.\]](http://docs.aws.amazon.com/de_de/location/latest/developerguide/images/static-change-marker-color.png)


------