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 pinConfiguration Konstruktor bietet Methoden zum Ändern der Hintergrund- und Rahmenfarben, des Glyphentexts und der Glyphenfarbe, 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();