Narzędzie wielowarstwowe Map Google

Wybierz platformę: Android JavaScript

1. Wprowadzenie
2. Dodawanie wielu warstw klastrów, plików KML i GeoJSON
3. Dodawanie własnych funkcji
4. Obsługa zdarzeń kliknięcia
5. Zobacz aplikację demonstracyjną

Wstęp

Dzięki poprzednim samouczkom omówiliśmy, jak dodawać do mapy cechy z plików KML i GeoJSON, a także klastry znaczników. Co jednak, jeśli chcesz dodać kilka z tych warstw do tej samej mapy i uzyskać niezależne zdarzenia kliknięcia dla każdej z nich?

Dodawanie wielu warstw klastrów, plików KML i GeoJSON

Biblioteka zawiera Managerobiekty, które ułatwiają zarządzanie zdarzeniami kliknięć w przypadku różnych typów warstw. Zanim skonfigurujesz warstwy, musisz utworzyć ich wystąpienie i przekazać w 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);

      

Następnie możesz przekazywać te klasy menedżera do konstruktorów innych warstw podczas ich konfigurowania:

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

      

Dodawanie własnych funkcji

Jeśli chcesz dodać własne znaczniki, warstwy, linie łamane lub wielokąty razem z tymi warstwami, utwórz własny obiekt Collection, a następnie za pomocą Managers dodaj obiekt, zamiast dodawać je bezpośrednio do obiektu GoogleMap. Jeśli np. chcesz dodać nowy znacznik:

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

      

Obsługa zdarzeń kliknięcia

W przypadku klastrów, plików KML i GeoJSON detektory kliknięć działają jak zwykle, o ile przekażesz klasy Manager w konstruktorze ustawianej warstwy. Oto jak skonfigurować odbiornik kliknięć dla warstwy KML:

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

      

Podczas dodawania własnych znaczników, nakładek na powierzchni, linii łamanych lub wielokątów pamiętaj o dodaniu detektorów kliknięć do tych obiektów Collection. Możesz na przykład skonfigurować odbiornik kliknięć znacznika w markerCollection:

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

      

Zobacz aplikację demonstracyjną

Przykładem dodawania wielu warstw jest MultiLayerDemoActivity w aplikacji demonstracyjnej, która zawiera bibliotekę narzędziową. Z przewodnika po konfiguracji dowiesz się, jak uruchomić aplikację w wersji demonstracyjnej.