Tworzenie zaawansowanego znacznika

Wybierz platformę: Android iOS JavaScript

Aby dodać zaawansowane znaczniki do mapy, utwórz nowe wystąpienie AdvancedMarkerOptions a potem użyj GoogleMap.addMarker() aby dodać znacznik:

Kotlin

private val SYDNEY = LatLng(-33.87365, 151.20689)

val marker: Marker? = map.addMarker(
    AdvancedMarkerOptions()
        .position(SYDNEY)
        .iconView(textView)
        .zIndex(zIndex)
)

Java

private final LatLng SYDNEY = new LatLng(-33.87365, 151.20689);

Marker marker = map.addMarker(
    new AdvancedMarkerOptions()
        .position(SYDNEY)
        .iconView(textView)
        .zIndex(zIndex));

GoogleMap.addMarker() zwraca instancję Marker W razie potrzeby możesz rzutować zwracaną wartość na AdvancedMarker

Użyj aplikacji AdvancedMarkerOptions, aby skonfigurować zaawansowane znaczniki. AdvancedMarkerOptions jest podklasą MarkerOptions. więc obsługuje te same ustawienia co MarkerOptions.

AdvancedMarkerOptions umożliwia też:

  • Utwórz instancję PinConfig , a następnie użyj funkcji PinConfig w celu skonfigurowania instancji AdvancedMarkerOptions.

    Użyj PinConfig, by dostosować zaawansowane właściwości znaczników, takie jak kolor tła, kolor obramowania i glif.

  • Tworzenie instancji Androida View zajęcia i użyjesz jej do skonfigurowania instancji AdvancedMarkerOptions.

    Instancja View umożliwia pełne dostosowanie znacznika.

Użyj PinConfig

Klasa PinConfig zawiera opcje dostosowywania zaawansowanych znaczników. PinConfig umożliwia:

  • Zmienianie koloru tła
  • Zmiana koloru obramowania
  • Zmienianie koloru glifu i dodawanie tekstu
  • Ukryj glif
.
Schemat przedstawiający elementy znacznika zaawansowanego.
Rys. 1. Części znacznika zaawansowanego.

Użyj formatu PinConfig.Builder aby utworzyć instancję PinConfig:

Kotlin

// Use PinConfig.Builder to create an instance of PinConfig.
val pinConfigBuilder: PinConfig.Builder = PinConfig.builder()
pinConfigBuilder.setBackgroundColor(Color.MAGENTA)
val pinConfig: PinConfig = pinConfigBuilder.build()



// Use the  PinConfig instance to set the icon for AdvancedMarkerOptions.
val advancedMarkerOptions: AdvancedMarkerOptions = AdvancedMarkerOptions()
    .icon(BitmapDescriptorFactory.fromPinConfig(pinConfig))
    .position(MARKER_POSITION)



// Pass the AdvancedMarkerOptions instance to addMarker().
val marker: Marker? = map.addMarker(advancedMarkerOptions)

Java

// Use PinConfig.Builder to create an instance of PinConfig.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
pinConfigBuilder.setBackgroundColor(Color.MAGENTA);
PinConfig pinConfig = pinConfigBuilder.build();

// Use the  PinConfig instance to set the icon for AdvancedMarkerOptions.
AdvancedMarkerOptions advancedMarkerOptions =
    new AdvancedMarkerOptions()
        .icon(BitmapDescriptorFactory.fromPinConfig(pinConfig))
        .position(MARKER_POSITION);

// Pass the AdvancedMarkerOptions instance to addMarker().
Marker marker = map.addMarker(advancedMarkerOptions);

Zmienianie koloru tła

Metoda PinConfig.background() pozwala zmienić kolor tła znacznik:

Kotlin

// Use PinConfig.Builder to create an instance of PinConfig.
val pinConfigBuilder: PinConfig.Builder = PinConfig.builder()
pinConfigBuilder.setBackgroundColor(Color.MAGENTA)
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

// Use PinConfig.Builder to create an instance of PinConfig.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
pinConfigBuilder.setBackgroundColor(Color.MAGENTA);
PinConfig pinConfig = pinConfigBuilder.build();

Zmiana koloru obramowania

Metoda PinConfig.borderColor() pozwala zmienić kolor obramowania znacznik:

Kotlin

// Set the border color.
val pinConfigBuilder: PinConfig.Builder = PinConfig.builder()
pinConfigBuilder.setBorderColor(Color.BLUE)
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

// Set the border color.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
pinConfigBuilder.setBorderColor(Color.BLUE);
PinConfig pinConfig = pinConfigBuilder.build();

Zmień glif

Tworzenie Glyph a następnie użyj tej instancji do skonfigurowania usługi PinConfig. Za pomocą glifu możesz ustawić kolor tekstu i tekstu glifu, kolor glifu lub Określ niestandardowy obraz, który będzie używany jako glif.

Ten przykład ustawia tekst glifu:

Kotlin

// Set the glyph text.
val pinConfigBuilder: PinConfig.Builder = PinConfig.builder()
val glyphText = Glyph("A")

// Alteratively, you can set the text color:
// Glyph glyphText = new Glyph("A", Color.GREEN);

pinConfigBuilder.setGlyph(glyphText)
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

// Set the glyph text.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
PinConfig.Glyph glyphText = new PinConfig.Glyph("A");

// Alternatively, you can set the text color:
// PinConfig.Glyph glyphText = new PinConfig.Glyph("A", Color.GREEN);

pinConfigBuilder.setGlyph(glyphText);
PinConfig pinConfig = pinConfigBuilder.build();

Ustaw kolor glifu:

Kotlin

val glyphColor = PinConfig.Glyph(Color.BLUE)
pinConfigBuilder.setGlyph(glyphColor)
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

PinConfig.Glyph glyphColor = new PinConfig.Glyph(Color.BLUE);
pinConfigBuilder.setGlyph(glyphColor);
PinConfig pinConfig = pinConfigBuilder.build();

Ustaw własny obraz glifu. Technika ta przydaje się, gdy chcesz użyć niestandardowe logo lub inny wizualny wskaźnik w znaczniku.

Kotlin

// Set the glyph image.
val glyphImage: Int = R.drawable.example_image
val descriptor = PinConfig.BitmapDescriptorFactory.fromResource(glyphImage)
pinConfigBuilder.setGlyph(Glyph(descriptor))
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

// Set the glyph image.
int glyphImage = R.drawable.example_image;
BitmapDescriptor descriptor = BitmapDescriptorFactory.fromResource(glyphImage);
pinConfigBuilder.setGlyph(new PinConfig.Glyph(descriptor));
PinConfig pinConfig = pinConfigBuilder.build();

Ukryj glif

Możesz ukryć glif, aby kolor tła wypełniał cały znacznik:

Kotlin

// Create a transparent glyph.
val pinConfigBuilder: PinConfig.Builder = PinConfig.builder()
pinConfigBuilder.setBackgroundColor(Color.MAGENTA)
pinConfigBuilder.setGlyph(PinConfig.Glyph(Color.TRANSPARENT))
val pinConfig: PinConfig = pinConfigBuilder.build()

Java

// Create a transparent glyph.
PinConfig.Builder pinConfigBuilder = PinConfig.builder();
pinConfigBuilder.setBackgroundColor(Color.MAGENTA);
pinConfigBuilder.setGlyph(new PinConfig.Glyph(Color.TRANSPARENT));
PinConfig pinConfig = pinConfigBuilder.build();

Użyj widoku ikony

Metoda AdvancedMarkerOptions.iconView() pozwala używać dowolnego Androida View. jako znacznik. Używając widoku jako znacznika, masz pełną kontrolę nad znacznik.

Najpierw musisz utworzyć w aplikacji widok, a potem użyć przycisku AdvancedMarkerOptions.iconView(), aby dodać widok do zaawansowanych znaczników.

Kotlin

// Create a TextView to use as the marker.
val textView = TextView(this)
textView.text = "Hello!!"
textView.setBackgroundColor(Color.BLACK)
textView.setTextColor(Color.YELLOW)

val marker: Marker? = map.addMarker(
    AdvancedMarkerOptions()
        .position(SYDNEY)
        .iconView(textView)
)

Java

// Create a TextView to use as the marker.
TextView textView = new TextView(this);
textView.setText("Hello!!");
textView.setBackgroundColor(Color.BLACK);
textView.setTextColor(Color.YELLOW);

Marker marker = map.addMarker(
    new AdvancedMarkerOptions()
        .position(SYDNEY)
        .iconView(textView));

Dalsze kroki: