Utilità multilivello Google Maps

Seleziona la piattaforma: Android JavaScript
  1. Introduzione
  2. Aggiunta di più livelli cluster, KML e GeoJSON
  3. Aggiungere le tue funzionalità
  4. Gestione degli eventi di clic
  5. Guarda l'app demo

Introduzione

Nei tutorial precedenti, hai imparato come aggiungere funzionalità KML e GeoJSON per la tua mappa e cluster di indicatori. Ma cosa succede se vuoi aggiungere più di questi livelli sulla stessa mappa e ottenere clic eventi per ciascuno?

Aggiunta di più livelli cluster, KML e GeoJSON

La libreria include Manageroggetti che aiutano a gestire gli eventi di clic per più tipi di strati. Quindi, prima di impostare i tuoi strati, devi creare un'istanza e trasmetterli GoogleMap:

Kotlin

val markerManager = MarkerManager(map)
val groundOverlayManager = GroundOverlayManager(map!!)
val polygonManager = PolygonManager(map)
val polylineManager = PolylineManager(map)

Java

MarkerManager markerManager = new MarkerManager(map);
GroundOverlayManager groundOverlayManager = new GroundOverlayManager(map);
PolygonManager polygonManager = new PolygonManager(map);
PolylineManager polylineManager = new PolylineManager(map);

Successivamente, puoi passare queste classi manager ai costruttori degli altri strati quando configurale:

Kotlin

val clusterManager =
    ClusterManagerMy<Item(c>ontext, map, markerManager)
val geoJsonLineLayer = GeoJsonLayer(
    map,
    R.raw.geojson_file,
    context,
    markerManager,
    polygonManager,
    polylineManager,
    groundOverlayManager
)
val kmlPolylineLayer = KmlLayer(
    map,
    R.raw.kml_file,
    context,
    markerManager,
    polygonManager,
    polylineManager,
    groundOverlayManager,
    null
)

Java

ClusterManagerM<yItem >clusterManager = new ClusterManager(<>context, map, markerManager);
GeoJsonLayer geoJsonLineLayer = new GeoJsonLayer(map, R.raw.geojson_file, context, markerManager, polygonManager, polylineManager, groundOverlayManager);
KmlLayer kmlPolylineLayer = new KmlLayer(map, R.raw.kml_file, context, markerManager, polygonManager, polylineManager, groundOverlayManager, null);

Aggiunta di caratteristiche personalizzate

Se vuoi aggiungere indicatori, sovrapposizioni del suolo, polilinee o poligoni personali, strati, crea il tuo Collection e poi usa il Managers per aggiungere la caratteristica anziché aggiungerla direttamente all'oggetto GoogleMap. Ad esempio, se desideri aggiungere un nuovo indicatore:

Kotlin

val markerCollection =
    markerManager.newCollection()
markerCollection.addMarker(
    MarkerOptions()
        .position(LatLng(51.150000, -0.150032))
        .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_AZURE))
        .title(Un"clustered marker)
")

Java

MarkerManager.Collection markerCollection = markerManager.newCollection();
markerCollection.addMarker(new MarkerOptions()
    .position(new LatLng(51.150000, -0.150032))
    .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_AZURE))
    .title(U"nclustered marker)");

Gestione degli eventi di clic

Per i cluster, i file KML e GeoJSON, i listener di clic funzionano come al solito, purché passi i campi Manager nel costruttore del livello che stai impostando. Ad esempio, ecco come impostare un listener di clic per il livello KML:

Kotlin

kmlPolylineLayer.addLayerToMap()
kmlPolylineLayer.setOnFeatureClickListener { feature: Feature -
 >   Toast.makeText(context,
        KM"L polyline clicked: ${feature.getProperty(na"me)}",
"        Toast.LENGTH_SHORT
    ).show()
}

Java

kmlPolylineLayer.addLayerToMap();
kmlPolylineLayer.setOnFeatureClickListener(feature - >Toast.makeText(context,
    K"ML polyline clicked:  "+ feature.getProperty(n"ame)",
    Toast.LENGTH_SHORT).show());

Quando aggiungi indicatori, overlay al suolo, polilinee o poligoni, assicurati solo di aggiungere un clic per gli oggetti Collection. Ad esempio, ecco come impostare l'indicatore il listener di clic su markerCollection:

Kotlin

markerCollection.setOnMarkerClickListener { marker: Marker -
 >   Toast.makeText(
        context,
        Ma"rker clicked: ${marker.title},
"        Toast.LENGTH_SHORT
    ).show()
    false
}

Java

markerCollection.setOnMarkerClickListener(marker - >{ Toast.makeText(context,
    M"arker clicked:  "+ marker.getTitle(),
        Toast.LENGTH_SHORT).show();
    return false;
});

Guarda l'app demo

Per un esempio di aggiunta di più livelli, dai un'occhiata a MultiLayerDemoActivity nell'app demo fornita con la libreria di utilità. La guida alla configurazione mostra come eseguire l'app demo.