Dienstprogramm für mehrere Ebenen in Google Maps

Plattform auswählen: Android JavaScript
  1. Einführung
  2. Mehrere Cluster-, KML- und GeoJSON-Ebenen hinzufügen
  3. Eigene Elemente hinzufügen
  4. Umgang mit Klickereignissen
  5. Demo-App ansehen

Einführung

In den vorherigen Anleitungen wurde beschrieben, wie Sie KML- und GeoJSON-Elemente sowie Markierungscluster in Ihre Karte einfügen. Aber was ist, wenn Sie mehrere dieser Ebenen derselben Karte hinzufügen und unabhängige Klickereignisse für jede Ebene erhalten möchten?

Mehrere Cluster-, KML- und GeoJSON-Ebenen hinzufügen

Die Bibliothek enthält Manager-Objekte zum Verwalten von Klickereignissen für mehrere Ebenentypen. Bevor Sie Ebenen einrichten, müssen Sie sie zuerst instanziieren und in Ihrer GoogleMap übergeben:

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

Als Nächstes können Sie diese „Manager“-Klassen an die Konstruktoren der anderen Ebenen übergeben, wenn Sie sie einrichten:

Kotlin



val clusterManager =
    ClusterManager<MyItem>(context, 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


ClusterManager<MyItem> 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);

Eigene Elemente hinzufügen

Wenn Sie neben diesen Ebenen eigene Markierungen, Boden-Overlays, Polylinien oder Polygone hinzufügen möchten, erstellen Sie eine eigene Collection. Verwenden Sie dann Managers, um das Element hinzuzufügen, anstatt es direkt in das GoogleMap-Objekt aufzunehmen. So fügen Sie beispielsweise eine neue Markierung hinzu:

Kotlin



val markerCollection =
    markerManager.newCollection()
markerCollection.addMarker(
    MarkerOptions()
        .position(LatLng(51.150000, -0.150032))
        .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_AZURE))
        .title("Unclustered 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("Unclustered marker"));

Klickereignisse verarbeiten

Bei Clustern, KML und GeoJSON funktionieren Klick-Listener wie gewohnt, solange die Klasse Manager im Konstruktor der von Ihnen festgelegten Ebene übergeben wird. So richten Sie beispielsweise einen Klick-Listener für die KML-Ebene ein:

Kotlin



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

Java


kmlPolylineLayer.addLayerToMap();
kmlPolylineLayer.setOnFeatureClickListener(feature -> Toast.makeText(context,
    "KML polyline clicked: " + feature.getProperty("name"),
    Toast.LENGTH_SHORT).show());

Wenn Sie Ihre eigenen Markierungen, Boden-Overlays, Polylinien oder Polygone hinzufügen, müssen Sie diesen Collection-Objekten Klick-Listener hinzufügen. So richten Sie beispielsweise den Klick-Listener der Markierung in markerCollection ein:

Kotlin



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

Java


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

Demo-App ansehen

Ein Beispiel zum Hinzufügen mehrerer Ebenen finden Sie in der MultiLayerDemoActivity der Demo-App, die mit der Dienstprogrammbibliothek ausgeliefert wird. Im Einrichtungsleitfaden erhalten Sie Informationen zum Ausführen der Demo-App.