Forme

Seleziona la piattaforma: Android iOS JavaScript

Mappa con una polilinea rossa in tinta unita

L'API Google Maps per Android offre alcuni semplici modi per aggiungere forme alle tue mappe e personalizzarle per la tua applicazione.

  • Un Polyline è una serie di segmenti di linea collegati che possono formare qualsiasi forma e possono essere utilizzati per contrassegnare percorsi e tracce sulla mappa.
  • Un Polygon è una forma chiusa che può essere utilizzata per contrassegnare aree della mappa.
  • Un Circle è una proiezione geografica accurata di un cerchio sulla superficie terrestre tracciato sulla mappa.

Per tutte queste forme, puoi personalizzare l'aspetto modificando una serie di proprietà.

Esempi di codice

Il tutorial sull'aggiunta di poligoni e polilinee per rappresentare aree e percorsi include tutto il codice di una semplice app per Android.

Inoltre, il repository ApiDemos su GitHub include esempi che dimostrano l'uso delle forme e delle loro caratteristiche:

Polilinee

La classe Polyline definisce un insieme di segmenti di linea collegati sulla mappa. Un oggetto Polyline è costituito da un insieme di località LatLng e crea una serie di segmenti di linea che collegano queste località in una sequenza ordinata.

Questo video fornisce idee su come aiutare gli utenti a raggiungere la loro destinazione utilizzando le polilinee per tracciare un percorso sulla mappa.

Per creare una polilinea, devi prima creare una PolylineOptions e aggiungere punti. I punti rappresentano un punto sulla superficie terrestre e sono espressi come oggetto LatLng. I segmenti di linea sono tracciati tra i punti in base all'ordine in cui li aggiungi alla PolylineOptions.

Per aggiungere punti a un oggetto PolylineOptions, chiama PolylineOptions.add(). Tieni presente che questo metodo accetta un numero variabile di parametri, quindi puoi aggiungere più punti alla volta (puoi anche chiamare PolylineOptions.addAll(Iterable<LatLng>) se i punti sono già in un elenco).

Puoi quindi aggiungere la polilinea a una mappa richiamando GoogleMap.addPolyline(PolylineOptions) Il metodo restituisce un oggetto Polyline con cui puoi modificare il polilinea in un secondo momento.

Il seguente snippet di codice illustra come aggiungere un rettangolo a una mappa:

Kotlin



// Instantiates a new Polyline object and adds points to define a rectangle
val polylineOptions = PolylineOptions()
    .add(LatLng(37.35, -122.0))
    .add(LatLng(37.45, -122.0)) // North of the previous point, but at the same longitude
    .add(LatLng(37.45, -122.2)) // Same latitude, and 30km to the west
    .add(LatLng(37.35, -122.2)) // Same longitude, and 16km to the south
    .add(LatLng(37.35, -122.0)) // Closes the polyline.

// Get back the mutable Polyline
val polyline = map.addPolyline(polylineOptions)

      

Java


// Instantiates a new Polyline object and adds points to define a rectangle
PolylineOptions polylineOptions = new PolylineOptions()
    .add(new LatLng(37.35, -122.0))
    .add(new LatLng(37.45, -122.0))  // North of the previous point, but at the same longitude
    .add(new LatLng(37.45, -122.2))  // Same latitude, and 30km to the west
    .add(new LatLng(37.35, -122.2))  // Same longitude, and 16km to the south
    .add(new LatLng(37.35, -122.0)); // Closes the polyline.

// Get back the mutable Polyline
Polyline polyline = map.addPolyline(polylineOptions);

      

Il rettangolo viene visualizzato sulla mappa come mostrato di seguito:

Mappa con una polilinea rettangolare

Per modificare la forma del polilinea dopo averlo aggiunto, puoi chiamare Polyline.setPoints() e fornire un nuovo elenco di punti per il polilinea.

Puoi personalizzare l'aspetto del polilinea sia prima di aggiungerlo alla mappa sia dopo. Per ulteriori dettagli, consulta la sezione sulla personalizzazione dell'aspetto di seguito.

Personalizzazione della polilinea

Esistono diversi modi per personalizzare l'aspetto delle polilinee:

  • Le polilinee multicolori impostano i segmenti delle polilinee su colori diversi.
  • Polilinee con sfumature colorano una polilinea utilizzando una sfumatura di due colori.
  • Le polilinee con timbro applicano uno stile a una polilinea utilizzando bitmap ripetute.

Per utilizzare le personalizzazioni delle polilinee, devi utilizzare la versione 18.1.0 o successive di Maps SDK for Android e utilizzare il renderer più recente di Maps SDK for Android.

Creazione di una polilinea multicolore

Mappa con una polilinea multicolore

Puoi utilizzare le sezioni per colorare singolarmente i segmenti di una polilinea, creando StyleSpan di oggetti e li aggiungi a PolylineOptions utilizzando l'elemento addSpan() o addSpans(). Per impostazione predefinita, ogni elemento dell'array imposta il colore del segmento di linea corrispondente. L'esempio seguente mostra come impostare i colori dei segmenti per creare un polilinea con segmenti rossi e verdi:

Kotlin



val line = map.addPolyline(
    PolylineOptions()
        .add(LatLng(47.6677146, -122.3470447), LatLng(47.6442757, -122.2814693))
        .addSpan(StyleSpan(Color.RED))
        .addSpan(StyleSpan(Color.GREEN))
)

      

Java


Polyline line = map.addPolyline(new PolylineOptions()
        .add(new LatLng(47.6677146,-122.3470447), new LatLng(47.6442757,-122.2814693))
        .addSpan(new StyleSpan(Color.RED))
        .addSpan(new StyleSpan(Color.GREEN)));

      

Creazione di una polilinea sfumata

Mappa con una polilinea con gradiente

Puoi definire un gradiente specificando due interi alpha-red-green-blue (ARGB) di 32 bit per specificare i colori iniziale e finale del tratto. Imposta questa proprietà sull'oggetto options della forma chiamando PolylineOptions.addSpan(). L'esempio seguente mostra la creazione di un polilinea con gradiente dal rosso al giallo dal Woodland Park Zoo a Kirkland, Washington.

Kotlin



val line = map.addPolyline(
    PolylineOptions()
        .add(LatLng(47.6677146, -122.3470447), LatLng(47.6442757, -122.2814693))
        .addSpan(
            StyleSpan(
                StrokeStyle.gradientBuilder(
                    Color.RED,
                    Color.YELLOW
                ).build()
            )
        )
)

      

Java


Polyline line = map.addPolyline(new PolylineOptions()
        .add(new LatLng(47.6677146,-122.3470447), new LatLng(47.6442757,-122.2814693))
        .addSpan(new StyleSpan(StrokeStyle.gradientBuilder(Color.RED, Color.YELLOW).build())));

      

Creazione di una polilinea stampata

Mappa con una polilinea stampata

Puoi impostare l'aspetto di una polilinea su una trama bitmap ripetuta. Da fare crea un valore StampStyle di TextureStyle, quindi imposta questa proprietà nella richiamando PolylineOptions.addSpan() come mostrato qui:

Kotlin



val stampStyle =
    TextureStyle.newBuilder(BitmapDescriptorFactory.fromResource(R.drawable.walking_dot)).build()
val span = StyleSpan(StrokeStyle.colorBuilder(Color.RED).stamp(stampStyle).build())
map.addPolyline(
    PolylineOptions()
        .add(LatLng(47.6677146, -122.3470447), LatLng(47.6442757, -122.2814693))
        .addSpan(span)
)

      

Java


StampStyle stampStyle =
        TextureStyle.newBuilder(BitmapDescriptorFactory.fromResource(R.drawable.walking_dot)).build();
StyleSpan span = new StyleSpan(StrokeStyle.colorBuilder(Color.RED).stamp(stampStyle).build());
map.addPolyline(new PolylineOptions()
        .add(new LatLng(47.6677146,-122.3470447), new LatLng(47.6442757,-122.2814693))
        .addSpan(span));

      

Eventi polilinea

Per impostazione predefinita, non è possibile fare clic sulle polilinee. Puoi attivare e disattivare cliccabilità chiamando Polyline.setClickable(boolean).

Utilizza un OnPolylineClickListener per Ascolta gli eventi di clic su una polilinea cliccabile. Per impostare questo listener sulla mappa, chiama GoogleMap.setOnPolylineClickListener(OnPolylineClickListener). Quando un utente fa clic su una polilinea, ricevi un Chiamata di onPolylineClick(Polyline).

Poligoni

Gli oggetti Polygon sono simili a Polyline di oggetti in quanto sono costituiti da una serie di coordinate in un ordine sequenza. Tuttavia, anziché essere aperti, i poligoni sono progettati per definire regioni all'interno di un circuito chiuso con l'interno riempito.

Puoi aggiungere un Polygon alla mappa nello stesso modo in cui aggiungi un Polyline. Innanzitutto, crea un oggetto PolygonOptions e aggiungere alcuni punti. Questi punti formeranno il contorno del poligono. Aggiungi il poligono alla mappa chiamando GoogleMap.addPolygon(PolygonOptions) che restituirà un oggetto Polygon.

Il seguente snippet di codice aggiunge un rettangolo a una mappa.

Kotlin



// Instantiates a new Polygon object and adds points to define a rectangle
val rectOptions = PolygonOptions()
    .add(
        LatLng(37.35, -122.0),
        LatLng(37.45, -122.0),
        LatLng(37.45, -122.2),
        LatLng(37.35, -122.2),
        LatLng(37.35, -122.0)
    )

// Get back the mutable Polygon
val polygon = map.addPolygon(rectOptions)

      

Java


// Instantiates a new Polygon object and adds points to define a rectangle
PolygonOptions polygonOptions = new PolygonOptions()
    .add(new LatLng(37.35, -122.0),
        new LatLng(37.45, -122.0),
        new LatLng(37.45, -122.2),
        new LatLng(37.35, -122.2),
        new LatLng(37.35, -122.0));

// Get back the mutable Polygon
Polygon polygon = map.addPolygon(polygonOptions);

      

Per modificare la forma del poligono dopo averlo aggiunto, puoi chiamare Polygon.setPoints() e fornire un nuovo elenco di punti per il contorno del poligono.

Puoi personalizzare l'aspetto del poligono sia prima che lo aggiunga alla mappa sia dopo. Consulta la sezione sulle personalizzazione dell'aspetto qui sotto per ulteriori dettagli.

Completamento automatico dei poligoni

Nell'esempio precedente, il poligono è costituito da cinque coordinate, ma tieni presente che la prima e l'ultima coordinate sono la stessa posizione, che definisce l'anello. In pratica, tuttavia, poiché i poligoni definiscono aree chiuse, non è necessario definiscono quest'ultima coordinata. Se l'ultima coordinata è diversa dalla prima, il valore L'API "chiuderà" automaticamente al poligono aggiungendo la prima coordinata in alla fine della sequenza di coordinate.

I due poligoni riportati di seguito sono equivalenti e la chiamata polygon.getPoints() per ciascuno di essi restituirà tutti e quattro i punti.

Kotlin



val polygon1 = map.addPolygon(
    PolygonOptions()
        .add(
            LatLng(0.0, 0.0),
            LatLng(0.0, 5.0),
            LatLng(3.0, 5.0),
            LatLng(0.0, 0.0)
        )
        .strokeColor(Color.RED)
        .fillColor(Color.BLUE)
)
val polygon2 = map.addPolygon(
    PolygonOptions()
        .add(
            LatLng(0.0, 0.0),
            LatLng(0.0, 5.0),
            LatLng(3.0, 5.0)
        )
        .strokeColor(Color.RED)
        .fillColor(Color.BLUE)
)

      

Java


Polygon polygon1 = map.addPolygon(new PolygonOptions()
    .add(new LatLng(0, 0),
        new LatLng(0, 5),
        new LatLng(3, 5),
        new LatLng(0, 0))
    .strokeColor(Color.RED)
    .fillColor(Color.BLUE));

Polygon polygon2 = map.addPolygon(new PolygonOptions()
    .add(new LatLng(0, 0),
        new LatLng(0, 5),
        new LatLng(3, 5))
    .strokeColor(Color.RED)
    .fillColor(Color.BLUE));

      

Creare un poligono vuoto

È possibile combinare più percorsi in un unico oggetto Polygon per creare forme complesse, come anelli pieni o "ciambelle" (dove le aree poligonali vengono visualizzate all'interno del poligono come "isole"). Le forme complesse sono sempre la composizione di più percorsi più semplici.

Devi definire due percorsi nella stessa area. La più grande delle due regioni definisce l'area di riempimento ed è un semplice poligono senza opzioni aggiuntive. Quindi, passa un secondo percorso al metodo addHole(). Quando il secondo, più piccolo, è completamente racchiuso dal percorso più grande, avrà l'aspetto di una porzione il poligono è stato rimosso. Se il foro interseca il profilo del poligono, il poligono verrà visualizzato senza alcun riempimento.

Lo snippet riportato di seguito crea un singolo rettangolo con un foro rettangolare più piccolo.

Kotlin



val hole = listOf(
    LatLng(1.0, 1.0),
    LatLng(1.0, 2.0),
    LatLng(2.0, 2.0),
    LatLng(2.0, 1.0),
    LatLng(1.0, 1.0)
)
val hollowPolygon = map.addPolygon(
    PolygonOptions()
        .add(
            LatLng(0.0, 0.0),
            LatLng(0.0, 5.0),
            LatLng(3.0, 5.0),
            LatLng(3.0, 0.0),
            LatLng(0.0, 0.0)
        )
        .addHole(hole)
        .fillColor(Color.BLUE)
)

      

Java


List<LatLng> hole = Arrays.asList(new LatLng(1, 1),
    new LatLng(1, 2),
    new LatLng(2, 2),
    new LatLng(2, 1),
    new LatLng(1, 1));
Polygon hollowPolygon = map.addPolygon(new PolygonOptions()
    .add(new LatLng(0, 0),
        new LatLng(0, 5),
        new LatLng(3, 5),
        new LatLng(3, 0),
        new LatLng(0, 0))
    .addHole(hole)
    .fillColor(Color.BLUE));

      

Il poligono vuoto viene visualizzato sulla mappa come mostrato di seguito:

Mappa con una polilinea a forma di rettangolo vuoto

Eventi Polygon

Per impostazione predefinita, i poligoni non sono cliccabili. Puoi attivare e disattivare cliccabilità chiamando Polygon.setClickable(boolean).

Utilizza un OnPolygonClickListener per rimanere in ascolto di eventi di clic su un poligono cliccabile. Per impostare questo listener sulla mappa, chiama GoogleMap.setOnPolygonClickListener(OnPolygonClickListener). Quando un utente fa clic su un poligono, riceverai un callbackonPolygonClick(Polygon).

Cerchi

Mappa con un cerchio

Oltre a una classe Polygon generica, l'API Maps include anche classi specifiche per gli oggetti Circle, per semplificarne la creazione.

Per creare un cerchio, devi specificare le due proprietà seguenti:

  • center come LatLng.
  • radius in metri.

Un cerchio è quindi definito come l'insieme di tutti i punti sulla superficie terrestre che dista radius metri dal center specificato. A causa del modo in cui la proiezione di Mercatore utilizzata dall'API Maps esegue il rendering di una sfera su una superficie piana, questa apparirà come un cerchio quasi perfetto sulla mappa se si trova vicino all'equatore e apparirà sempre meno circolare (sullo schermo) man mano che il cerchio si allontana dall'equatore.

Per modificare la forma del cerchio dopo averlo aggiunto, è possibile richiamare Circle.setRadius() o Circle.setCenter() e inserisci nuovi valori.

Puoi personalizzare l'aspetto del cerchio sia prima di aggiungerlo alla mappa sia dopo. Per ulteriori dettagli, consulta la sezione sulla personalizzazione dell'aspetto di seguito.

Lo snippet di codice riportato di seguito aggiunge un cerchio alla mappa costruendo un Oggetto CircleOptions e chiamata GoogleMap.addCircle(CircleOptions):

Kotlin



// Instantiates a new CircleOptions object and defines the center and radius
val circleOptions = CircleOptions()
    .center(LatLng(37.4, -122.1))
    .radius(1000.0) // In meters

// Get back the mutable Circle
val circle = map.addCircle(circleOptions)

      

Java


// Instantiates a new CircleOptions object and defines the center and radius
CircleOptions circleOptions = new CircleOptions()
    .center(new LatLng(37.4, -122.1))
    .radius(1000); // In meters

// Get back the mutable Circle
Circle circle = map.addCircle(circleOptions);

      

Eventi cerchia

Per impostazione predefinita, i cerchi non sono cliccabili. Puoi attivare e disattivare la pulsabilità chiamando GoogleMap.addCircle() con CircleOptions.clickable(boolean) o chiamando Circle.setClickable(boolean).

Utilizza un OnCircleClickListener per rimanere in ascolto di eventi di clic in un cerchio cliccabile. Per impostare questo listener sulla mappa, chiama GoogleMap.setOnCircleClickListener(OnCircleClickListener).

Quando un utente fa clic su un cerchio, riceverai un callback onCircleClick(Circle), come mostrato nel seguente esempio di codice:

Kotlin



val circle = map.addCircle(
    CircleOptions()
        .center(LatLng(37.4, -122.1))
        .radius(1000.0)
        .strokeWidth(10f)
        .strokeColor(Color.GREEN)
        .fillColor(Color.argb(128, 255, 0, 0))
        .clickable(true)
)
map.setOnCircleClickListener {
    // Flip the r, g and b components of the circle's stroke color.
    val strokeColor = it.strokeColor xor 0x00ffffff
    it.strokeColor = strokeColor
}

      

Java


Circle circle = map.addCircle(new CircleOptions()
    .center(new LatLng(37.4, -122.1))
    .radius(1000)
    .strokeWidth(10)
    .strokeColor(Color.GREEN)
    .fillColor(Color.argb(128, 255, 0, 0))
    .clickable(true));

map.setOnCircleClickListener(new GoogleMap.OnCircleClickListener() {
    @Override
    public void onCircleClick(Circle circle) {
        // Flip the r, g and b components of the circle's stroke color.
        int strokeColor = circle.getStrokeColor() ^ 0x00ffffff;
        circle.setStrokeColor(strokeColor);
    }
});

      

Personalizzazione dell'aspetto

Puoi modificare l'aspetto di una forma sia prima che sia stato aggiunto alla mappa (specificando la proprietà desiderata sull'oggetto opzioni) o dopo che è stato aggiunto alla mappa. I getter sono esposto anche per tutte le proprietà, in modo da poter accedere facilmente lo stato della forma.

Lo snippet seguente aggiunge una polilinea blu spessa con segmenti geodetici da da Melbourne a Perth. Le sezioni seguenti spiegano queste proprietà in modo più dettagliato.

Kotlin



val polyline = map.addPolyline(
    PolylineOptions()
        .add(LatLng(-37.81319, 144.96298), LatLng(-31.95285, 115.85734))
        .width(25f)
        .color(Color.BLUE)
        .geodesic(true)
)

      

Java


Polyline polyline = map.addPolyline(new PolylineOptions()
    .add(new LatLng(-37.81319, 144.96298), new LatLng(-31.95285, 115.85734))
    .width(25)
    .color(Color.BLUE)
    .geodesic(true));

      

La mappa viene visualizzata come mostrato di seguito:

Mappa con una polilinea da Melbourne a Perth

Nota:sebbene la maggior parte di questi metodi possa essere applicata una qualsiasi delle forme descritte, alcune proprietà potrebbero non senso per alcune forme (ad esempio, una polilinea non può avere un colore di riempimento perché non presenta interni).

Colore tratto

Il colore del tratto è un numero intero alfa-rosso-verde-blu (ARGB) a 32 bit che specifica il valore opacità e colore del tratto della forma. Imposta questa proprietà sull'oggetto options della forma chiamando *Options.strokeColor() (o PolylineOptions.color() nel caso di un polilinea). Se non specificato, il colore del tratto predefinito è nero (Color.BLACK).

Dopo aver aggiunto la forma alla mappa, puoi accedere al colore del tratto chiamando getStrokeColor() (o getColor() per un polilinea) e modificarlo chiamando setStrokeColor() (setColor() for a polyline).

Colore riempimento

Il colore di riempimento si applica solo a poligoni e cerchi. Non si applica a polilinee, in quanto non hanno interni definiti. Per un poligono, le regioni all'interno dei suoi fori non fanno parte dell'interno del poligono e non verranno colorate se è impostato un colore di riempimento.

Il colore di riempimento è un numero intero alpha-rosso-verde-blu (ARGB) a 32 bit che specifica l'opacità e il colore dell'interno della forma. Imposta questa proprietà nella dell'oggetto opzioni di una forma chiamando *Options.fillColor(). Se non specificato, il colore predefinito dell'evidenziazione è trasparente (Color.TRANSPARENT).

Dopo aver aggiunto la forma alla mappa, puoi accedere al colore di riempimento chiamando getFillColor() e modificarlo chiamando setFillColor().

Ampiezza tratto

La larghezza del tratto della linea, come numero in virgola mobile in pixel (px). La larghezza non viene scalata quando viene applicato lo zoom alla mappa (ovvero una forma avrà la stessa larghezza del tratto a tutti i livelli di zoom). Imposta questa proprietà sul campo mediante la chiamata a *Options.strokeWidth() (o PolylineOptions.width() per una polilinea). Se non specificato, la larghezza del tratto predefinita è 10 pixel.

Dopo aver aggiunto la forma alla mappa, puoi accedere alla larghezza del tratto chiamando getStrokeWidth() (o getWidth() per un polilinea) e modificarla chiamando setStrokeWidth() (setWidth() for a polyline).

Sequenza tratto

Il motivo tratto predefinito è una linea continua per le polilinee e per i contorni di poligoni e cerchi. Puoi specificare un pattern di tratto personalizzato di oggetti PatternItem, in cui ogni elemento è un trattino, un punto o un spazio.

Il seguente esempio imposta il pattern di una polilinea su una sequenza ripetuta di un punto, seguita da uno spazio di 20 pixel, un trattino di 30 pixel e un altro spazio di 20 pixel.

Kotlin



val pattern = listOf(
    Dot(), Gap(20F), Dash(30F), Gap(20F)
)
polyline.pattern = pattern

      

Java


List<PatternItem> pattern = Arrays.asList(
    new Dot(), new Gap(20), new Dash(30), new Gap(20));
polyline.setPattern(pattern);

      

Il pattern si ripete lungo la linea, a partire dal primo elemento del pattern nel primo vertice specificato per la forma.

Tipi di giunti

Per le polilinee e i contorni dei poligoni, puoi specificare uno smusso o un rotondo JointType per sostituire il tipo di giunto a mitra fisso predefinito.

Il seguente esempio applica un tipo di giunto arrotondato a una polilinea:

Kotlin



polyline.jointType = JointType.ROUND

      

Java


polyline.setJointType(JointType.ROUND);

      

Il tipo di giunzione influisce sulle curve interne della linea. Se la linea presenta un tratto che include trattini, il tipo di giunzione si applica anche quando un trattino è a cavallo un'articolazione. I tipi di giunti non influiscono sui punti, in quanto sono sempre circolari.

Limiti di riga

Puoi specificare uno stile Cap per ogni estremità di un polilinea. Opzioni sono di testa (impostazione predefinita), quadrate, rotonde o bitmap personalizzate. Imposta lo stile in PolylineOptions.startCap e PolylineOptions.endCap oppure utilizza i metodi getter e setter appropriati.

Lo snippet seguente specifica un tratto finale arrotondato all'inizio di un polilinea.

Kotlin



polyline.startCap = RoundCap()

      

Java


polyline.setStartCap(new RoundCap());

      

Lo snippet seguente specifica una bitmap personalizzata per il tappo terminale:

Kotlin



polyline.endCap = CustomCap(BitmapDescriptorFactory.fromResource(R.drawable.arrow), 16F)

      

Java


polyline.setEndCap(
    new CustomCap(BitmapDescriptorFactory.fromResource(R.drawable.arrow), 16));

      

Quando utilizzi una bitmap personalizzata, devi specificare lo spessore del tratto di riferimento in pixel. L'API ridimensiona la bitmap di conseguenza. Lo spessore del tratto di riferimento è lo spessore del tratto utilizzato durante la progettazione dell'immagine bitmap per l'estremità, dimensioni originali dell'immagine. La larghezza del tratto di riferimento predefinita è di 10 pixel. Suggerimento: per determinare lo spessore del tratto di riferimento, apri l'immagine bitmap in Esegui lo zoom al 100% in un editor di immagini e traccia la larghezza desiderata del tratto della linea rispetto all'immagine.

Se utilizzi BitmapDescriptorFactory.fromResource() per creare la bitmap, assicurati di utilizzare una risorsa indipendente dalla densità (nodpi).

Segmenti geodetici

L'impostazione geodetica si applica solo a polilinee e poligoni. Non si applica ai cerchi perché non sono definiti come una raccolta di segmenti.

L'impostazione geodetica determina il modo in cui i segmenti di linea tra i vertici della polilinea o del poligono vengono disegnati. I segmenti geodetici sono quelli cheseguono il percorso più breve lungo la superficie terrestre (una sfera) e spessoappaiono come linee curve su una mappa con una proiezione di Mercatore. I segmenti non geodetici vengono tracciati come linee rette sulla mappa.

Imposta questa proprietà sull'oggetto opzione della forma chiamando *Options.geodesic() dove true indica che i segmenti devono essere tracciati come geodetiche e false indica che i segmenti devono essere tracciati come linee rette. Se non specificati, il valore predefinito è rappresentato dai segmenti non geografici (false).

Dopo aver aggiunto la forma alla mappa, è possibile accedere all'impostazione geodetica chiamando isGeodesic() e modificarla chiamando setGeodesic().

Z-index

Lo z-index specifica l'ordine di pila di questa forma rispetto alle altre overlay (altre forme, sovrapposizioni del suolo e overlay di riquadri) sulla mappa. Un overlay con un indice z elevato viene visualizzato sopra gli overlay con indici z inferiori. Due overlay con lo stesso z-index vengono tracciati in un ordine arbitrario.

Tieni presente che gli indicatori vengono sempre disegnati sopra gli altri overlay, indipendentemente dall'indice z degli altri overlay.

Imposta questa proprietà sull'oggetto options della forma chiamando *Options.zIndex(). Se non specificato, l'indice z predefinito è 0. Dopo aver aggiunto la forma alla mappa, puoi accedere all'indice z chiamando getZIndex() e modificarlo chiamando setZIndex().

Visibilità

La visibilità specifica se la forma deve essere disegnata sulla mappa, dove true indica che deve essere disegnato, mentre false indica che non deve essere tracciato. it ti consente di non visualizzare temporaneamente una forma sulla mappa. Per permanente rimuovi la forma dalla mappa, richiama remove() su quella forma.

Imposta questa proprietà sull'oggetto options della forma chiamando *Options.visible(). Se non specificato, la visibilità predefinita è true. Dopo aver aggiunto la forma alla mappa, puoi accedere alla visibilità chiamando isVisible() e modificarla chiamando setVisible().

Associare dati a una forma

Puoi archiviare un oggetto dati arbitrario con una polilinea, un poligono o un cerchio utilizzando il metodo setTag() della forma e recuperarlo utilizzando getTag(). Ad esempio, chiama Polyline.setTag() per archiviare un oggetto di dati con un polilinea e chiama Polyline.getTag() per recuperarlo.

Il codice seguente definisce un tag arbitrario (A) per la polilinea specificata:

Kotlin



val polyline = map.addPolyline(
    PolylineOptions()
        .clickable(true)
        .add(
            LatLng(-35.016, 143.321),
            LatLng(-34.747, 145.592),
            LatLng(-34.364, 147.891),
            LatLng(-33.501, 150.217),
            LatLng(-32.306, 149.248),
            LatLng(-32.491, 147.309)
        )
)
polyline.tag = "A"

      

Java


Polyline polyline = map.addPolyline((new PolylineOptions())
    .clickable(true)
    .add(new LatLng(-35.016, 143.321),
        new LatLng(-34.747, 145.592),
        new LatLng(-34.364, 147.891),
        new LatLng(-33.501, 150.217),
        new LatLng(-32.306, 149.248),
        new LatLng(-32.491, 147.309)));

polyline.setTag("A");

      

Ecco alcuni esempi di scenari in cui è utile archiviare e recuperare i dati con forme:

  • La tua app potrebbe supportare diversi tipi di forme e vuoi gestirle in modo diverso quando l'utente ci fa clic sopra.
  • Potresti interfacciarti con un sistema che ha identificatori di record univoci, in cui le forme rappresentano record specifici del sistema.
  • I dati di forma possono indicare una priorità per determinare lo z-index per il forma.