Traiter les événements de clic

Sélectionnez une plate-forme : Android iOS JavaScript

Vous pouvez faire en sorte qu'un calque d'éléments géographiques réponde aux événements click de l'utilisateur pour obtenir le lieu. ID et type d'élément cartographique de la limite sur laquelle l'utilisateur a cliqué. L'exemple de carte suivant montre les limites du calque "Pays". Il présente un gestionnaire d'événements qui définit le style du polygone sélectionné associé au pays sélectionné.

Écrire un gestionnaire d'événements de clic

Lorsqu'un événement de clic se produit sur un calque d'éléments géographiques, le SDK Maps pour Android transmet un objet FeatureClickEvent au gestionnaire d'événements. Utilisez FeatureClickEvent pour obtenir les coordonnées de latitude et de longitude du clic, ainsi qu'une liste des éléments géographiques concernés par le clic.

Gérer les événements de calque d'éléments géographiques

Pour gérer les événements sur un calque d'éléments géographiques, procédez comme suit : Dans cet exemple, vous allez définir un gestionnaire d'événements de clic pour le calque d'éléments géographiques "Pays" afin d'appliquer un remplissage rouge au polygone représentant le pays sélectionné.

Lorsque vous appelez FeatureLayer.setFeatureStyle(), la fonction de fabrique de styles définit le style de tous les éléments géographiques de d'un calque d'éléments géographiques. Pour mettre à jour le style d'un élément géographique dans le gestionnaire d'événements, vous devez appelez FeatureLayer.setFeatureStyle() pour définir le style mis à jour sur toutes caractéristiques.

  1. Si ce n'est pas déjà fait, suivez les étapes de la section Commencer pour créer un ID et un style de carte. Veillez à activer le champ Pays. d'un calque d'éléments géographiques.

  2. Assurez-vous que votre classe implémente FeatureLayer.OnFeatureClickListener

  3. Enregistrez un gestionnaire d'événements pour les événements de clic sur des éléments géographiques en appelant 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. Appliquez une couleur de remplissage rouge au pays sélectionné. Seuls les éléments géographiques visibles sont cliquables.

    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 }