Einfache Anpassung von Markierungen

Plattform auswählen: Android iOS JavaScript

3D-Bild von New York City mit dem Empire State Building und drei benutzerdefinierten digitalen Markierungen, die darüber schweben, darunter ein Cartoon-Gorilla mit der Beschriftung

Mit dem Konstruktor pinConfiguration können Sie das Aussehen von Markierungen anpassen. Der Konstruktor pinConfiguration bietet Methoden zum Ändern der Hintergrund- und Rahmenfarben, des Glyphentexts und der Glyphenfarbe, der Höhe, des zu verwendenden Bildes und weitere Optionen für zusätzliche Anpassungen.

Das folgende Codebeispiel zeigt, wie Sie eine neue Markierung erstellen und sie mit einigen der verfügbaren Anpassungsoptionen gestalten:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     backgroundColor = Color.GREEN
     borderColor = Color.GREEN
     glyph = Glyph.fromColor(Color.RED)
   }
 }
)

Auf dieser Seite wird beschrieben, wie Sie folgende Anpassungen an Markierungen vornehmen:

Größe der Markierung anpassen

Verwenden Sie die Option scale, um die Größe einer Markierung anzupassen:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     scale = 3.14
   }
 }
)

Hintergrundfarbe ändern

Mit der Option PinElement.background können Sie die Hintergrundfarbe einer Markierung während der Erstellung ändern:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     backgroundColor = Color.GREEN
   }
 }
)

Rahmenfarbe ändern

Mit der Option markerOptions.borderColor können Sie die Rahmenfarbe einer Markierung während der Erstellung ändern:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     borderColor = Color.GREEN
   }
 }
)

Text zu einer Glyphe hinzufügen

Mit der Methode markerOptions.glyph können Sie die Standardglyphe durch ein Textzeichen ersetzen. Die Textglyphe der Markierung wird mit der Markierung skaliert:

map.addMarker(
 markerOptions {
   position = sanFrancisco
   style = pinConfiguration {
     glyph = Glyph.fromText("G")
   }
 }
)

Bild als Markierung verwenden

Map.addMarker(markerOptions {
  position = latLngAltitude {
      latitude = 40.7484
      longitude = -73.9857
      altitude = 100.0
  }
  zIndex = 1
  label = "Empire State Building"
  isExtruded = true
  isDrawnWhenOccluded = true
  altitudeMode = AltitudeMode.RELATIVE_TO_MESH
  setStyle(ImageView(R.drawable.ook))
})

Markierungen entfernen

Mit Marker.remove() können Sie Markierungen von der Karte entfernen:

marker.remove();