Obsługa zdarzeń kliknięcia

Wybierz platformę: Android iOS JavaScript

Możesz sprawić, że warstwa cech będzie reagowała na zdarzenia click użytkownika, aby pobierać identyfikator miejsca i typ cechy dla klikniętej granicy. Poniższa przykładowa mapa pokazuje granice warstwy Kraj oraz moduł obsługi zdarzenia, który nadaje styl klikniętemu wielokątowi powiązanemu z wybranym krajem.

Tworzenie modułu obsługi zdarzenia kliknięcia

Gdy na warstwie funkcji wystąpi zdarzenie kliknięcia, pakiet Maps SDK na Androida przekaże obiekt FeatureClickEvent do modułu obsługującego zdarzenia. Użyj FeatureClickEvent, aby uzyskać współrzędne geograficzne kliknięcia oraz listę obiektów, których dotyczy to kliknięcie.

Obsługa zdarzeń warstwy funkcji

Aby obsługiwać zdarzenia na warstwie funkcji, wykonaj te czynności. W tym przykładzie definiujesz moduł obsługi zdarzeń kliknięcia w warstwie cech Kraj, aby zastosować czerwone wypełnienie do wielokąta reprezentującego wybrany kraj.

Po wywołaniu właściwości FeatureLayer.setFeatureStyle() funkcja fabryki stylu ustawia styl dla wszystkich funkcji w warstwie cech. Aby zaktualizować styl funkcji w obiekcie funkcji, musisz wywołać funkcję FeatureLayer.setFeatureStyle(), aby ustawić zaktualizowany styl dla wszystkich funkcji.

1. Jeśli nie zostało to jeszcze zrobione, wykonaj czynności opisane w artykule Pierwsze kroki, aby utworzyć nowy identyfikator i styl mapy. Pamiętaj, aby włączyć warstwę danych Kraj.

2. Sprawdź, czy Twoje zajęcia korzystają z funkcji FeatureLayer.OnFeatureClickListener.

3. Zarejestruj moduł obsługi zdarzeń kliknięcia funkcji, wywołując funkcję FeatureLayer.addOnFeatureClickListener().

   Java

   private FeatureLayer countryLayer;
   
   @Override
   public void onMapReady(GoogleMap map) {
   
     // Get the COUNTRY feature layer.
     countryLayer = map.getFeatureLayer(new FeatureLayerOptions.Builder()
       .featureType(FeatureType.COUNTRY)
       .build());
   
     // Register the click event handler for the Country layer.
     countryLayer.addOnFeatureClickListener(this);
   
     // Apply default style to all countries on load to enable clicking.
     styleCountryLayer();
   }
   
   // Set default fill and border for all countries to ensure that they respond
   // to click events.
   private void styleCountryLayer() {
     FeatureLayer.StyleFactory styleFactory = (Feature feature) -> {
       return new FeatureStyle.Builder()
         // Set the fill color for the country as white with a 10% opacity.
         .fillColor(Color.argb(0.1, 0, 0, 0))
         // Set border color to solid black.
         .strokeColor(Color.BLACK)
         .build();
     };
   
     // Apply the style factory function to the country feature layer.
     countryLayer.setFeatureStyle(styleFactory);
   }

   Kotlin

   private var countryLayer: FeatureLayer? = null
   
   override fun onMapReady(googleMap: GoogleMap) {
     // Get the COUNTRY feature layer.
     countryLayer = googleMap.getFeatureLayer(FeatureLayerOptions.Builder()
       .featureType(FeatureType.COUNTRY)
       .build())
   
     // Register the click event handler for the Country layer.
     countryLayer?.addOnFeatureClickListener(this)
   
     // Apply default style to all countries on load to enable clicking.
     styleCountryLayer()
   }
   
   // Set default fill and border for all countries to ensure that they respond
   // to click events.
   private fun styleCountryLayer() {
     val styleFactory = FeatureLayer.StyleFactory { feature: Feature ->
       return@StyleFactory FeatureStyle.Builder()
         // Set the fill color for the country as white with a 10% opacity.
         .fillColor(Color.argb(0.1f, 0f, 0f, 0f))
         // Set border color to solid black.
         .strokeColor(Color.BLACK)
         .build()
     }
   
     // Apply the style factory function to the country feature layer.
     countryLayer?.setFeatureStyle(styleFactory)
   }

4. Zastosuj czerwony kolor wypełnienia do wybranego kraju. Można kliknąć tylko widoczne obiekty.

   Java

   @Override
   // Define the click event handler.
   public void onFeatureClick(FeatureClickEvent event) {
   
     // Get the list of features affected by the click using
     // getPlaceIds() defined below.
     List<String> selectedPlaceIds = getPlaceIds(event.getFeatures());
   
     if (!selectedPlaceIds.isEmpty()) {
       FeatureLayer.StyleFactory styleFactory = (Feature feature) -> {
         // Use PlaceFeature to get the placeID of the country.
         if (feature instanceof PlaceFeature) {
           if (selectedPlaceIds.contains(((PlaceFeature) feature).getPlaceId())) {
             return new FeatureStyle.Builder()
                 // Set the fill color to red.
                 .fillColor(Color.RED)
                 .build();
           }
         }
         return null;
       };
   
       // Apply the style factory function to the feature layer.
       countryLayer.setFeatureStyle(styleFactory);
     }
   }
   
   // Get a List of place IDs from the FeatureClickEvent object.
   private List<String> getPlaceIds(List<Feature> features) {
     List<String> placeIds = new ArrayList<>();
     for (Feature feature : features) {
       if (feature instanceof PlaceFeature) {
           placeIds.add(((PlaceFeature) feature).getPlaceId());
       }
     }
     return placeIds;
   }

   Kotlin

   // Define the click event handler.
   override fun onFeatureClick(event: FeatureClickEvent) {
   
     // Get the list of features affected by the click using
     // getPlaceIds() defined below.
     val selectedPlaceIds = getPlaceIds(event.getFeatures())
     if (!selectedPlaceIds.isEmpty()) {
         val styleFactory = FeatureLayer.StyleFactory { feature: Feature ->
             // Use PlaceFeature to get the placeID of the country.
             if (feature is PlaceFeature) {
                 if (selectedPlaceIds.contains((feature as PlaceFeature).getPlaceId())) {
                     return@StyleFactory FeatureStyle.Builder()
                         // Set the fill color to red.
                         .fillColor(Color.RED)
                         .build()
                 }
             }
             return@StyleFactory null
         }
   
         // Apply the style factory function to the feature layer.
         countryLayer?.setFeatureStyle(styleFactory)
     }
   }
   
   // Get a List of place IDs from the FeatureClickEvent object.
   private fun getPlaceIds(features: List<Feature>): List<String> {
     val placeIds: MutableList<String> = ArrayList()
     for (feature in features) {
         if (feature is PlaceFeature) {
             placeIds.add((feature as PlaceFeature).getPlaceId())
         }
     }
     return placeIds
   }