Podstawowe dostosowywanie znaczników

Wybierz platformę: Android iOS JavaScript

Obraz 3D Nowego Jorku z Empire State Building i trzema niestandardowymi cyfrowymi znacznikami unoszącymi się nad nim, w tym z kreskówkową gorylicą z etykietą

Wygląd znaczników możesz dostosować za pomocą konstruktora pinConfiguration. Konstruktor pinConfiguration udostępnia metody zmiany kolorów tła i obramowania, tekstu i koloru glifu, wysokości, obrazu do użycia oraz innych opcji dodatkowego dostosowywania.

Poniższy przykład kodu pokazuje, jak utworzyć nowy znacznik i nadać mu styl za pomocą niektórych dostępnych opcji dostosowywania:

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

Na tej stronie dowiesz się, jak dostosowywać znaczniki:

Skalowanie znacznika

Aby przeskalować znacznik, użyj opcji scale:

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

Zmiana koloru tła

Aby zmienić kolor tła znacznika podczas jego tworzenia, użyj opcji PinElement.background:

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

Zmiana koloru obramowania

Aby zmienić kolor obramowania znacznika podczas jego tworzenia, użyj opcji markerOptions.borderColor:

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

Dodawanie tekstu do glifu

Aby zastąpić domyślny glif znakiem tekstowym, użyj metody markerOptions.glyph. Tekstowy glif znacznika jest skalowany razem ze znacznikiem:

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

Używanie obrazu jako znacznika

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))
})

Usuwanie znaczników

Aby usunąć znaczniki z mapy, użyj metody Marker.remove():

marker.remove();