クリック イベントを処理する

プラットフォームを選択: Android iOS JavaScript

データ対象物を click イベントに反応させ、次の目的に使用する ユーザーの操作に基づいて対象物の外観を変更する。

クリック イベント ハンドラを作成する

対象物レイヤでクリック イベントが発生すると、Maps SDK for Android は FeatureClickEvent イベント ハンドラに渡します。

FeatureClickEvent.getFeatures() メソッドを使用して特徴のリストを取得する 影響を把握できます

対象物レイヤのイベントを処理する

データセット レイヤでイベントを処理する手順は次のとおりです。この この例では、青い塗りつぶしと枠線を、 選択します。

注: この例では、データセットの globalid 属性に一意の ID が含まれています。 ID を指定します。次に、ポリゴンの globalid を調べます。 そのポリゴンにのみ青いスタイル設定が適用されています。

発信したとき FeatureLayer.setFeatureStyle(), スタイル ファクトリ関数は、 見てみましょう。イベント ハンドラ内でデータセットのスタイルを更新するには、 FeatureLayer.setFeatureStyle() を呼び出して、すべてのデータセットに更新したスタイルを設定します 説明します。

1. まだ実施していない場合は、 使ってみる 新しいマップ ID と地図のスタイルを作成します。必ず [Datasets]（データセット）を有効にします。 対象物レイヤです。

2. クラスで FeatureLayer.OnFeatureClickListener。

3. 次の呼び出しによって、対象物のクリック イベントのイベント ハンドラを登録する FeatureLayer.addOnFeatureClickListener()。

   Kotlin

   private var datasetLayer: FeatureLayer? = null
   // The globalid of the clicked dataset feature.
   var lastGlobalId: String? = null
   
   override fun onMapReady(googleMap: GoogleMap) {
     // Get the DATASET feature layer.
     datasetLayer = googleMap.getFeatureLayer(FeatureLayerOptions.Builder()
       .featureType(FeatureType.DATASET)
       // Specify the dataset ID.
       .datasetId(YOUR_DATASET_ID)
       .build())
   
     // Register the click event handler for the Datasets layer.
     datasetLayer?.addOnFeatureClickListener(this)
   
     // Apply default style to all features on load to enable clicking.
     styleDatasetsLayer()
   }
   
   // Define the click event handler to set lastGlobalId to globalid of selected feature.
   override fun onFeatureClick(event: FeatureClickEvent) {
     // Get the dataset feature affected by the click.
     val clickFeatures: MutableList<Feature> = event.features
     lastGlobalId = null
     if (clickFeatures.get(0) is DatasetFeature) {
         lastGlobalId = ((clickFeatures.get(0) as DatasetFeature).getDatasetAttributes().get("globalid"))
         // Remember to reset the Style Factory.
         styleDatasetsLayer()
     }
   }
   

   Java

   private FeatureLayer datasetLayer;
   // The globalid of the clicked dataset feature.
   String lastgobalid = null;
   
   @Override
   public void onMapReady(GoogleMap map) {
   
     // Get the DATASET feature layer.
     datasetLayer = map.getFeatureLayer(new FeatureLayerOptions.Builder()
       .featureType(FeatureType.DATASET)
       // Specify the dataset ID.
       .datasetId(YOUR_DATASET_ID)
       .build());
   
     // Register the click event handler for the Datasets layer.
     datasetLayer.addOnFeatureClickListener(this);
   
     // Apply default style to all features on load to enable clicking.
     styleDatasetsLayer();
   }
   
   @Override
   // Define the click event handler.
   public void onFeatureClick(FeatureClickEvent event) {
     // Get the dataset feature affected by the click.
     List<Feature> clickFeatures = event.getFeatures();
     lastgobalid = null;
     if (clickFeatures.get(0) instanceof DatasetFeature) {
         lastgobalid = ((DatasetFeature) clickFeatures.get(0)).getDatasetAttributes().get("globalid");
         // Remember to reset the Style Factory.
         styleDatasetsLayer();
     }
   }
   

4. 選択した対象物には青の塗りつぶしを適用し、それ以外の対象物には緑の塗りつぶしを適用します 説明します。表示されている対象物のみがクリック可能です。

   Kotlin

   // Set fill and border for all features.
   private fun styleDatasetsLayer() {
       // Create the style factory function.
       val styleFactory = FeatureLayer.StyleFactory { feature: Feature ->
   
       // Check if the feature is an instance of DatasetFeature.
       if (feature is DatasetFeature) {
         val globalIDs: MutableMap<String, String> = feature.getDatasetAttributes()
         // Determine globalid attribute.
         val globalID = globalIDs!!["globalid"]
         // Set default colors to to green.
         var fillColor = 0x800000ff
         var strokeColor = 0xff0000ff
         if (globalID == lastGlobalId) {
           // Color selected area blue.
           fillColor = 0x8000ff00
           strokeColor = 0xff00ff00
         }
         return@StyleFactory FeatureStyle.Builder()
             .fillColor(fillColor)
             .strokeColor(strokeColor)
             .build()
       }
       return@StyleFactory null
     }
   
     // Apply the style factory function to the dataset feature layer.
     datasetLayer?.setFeatureStyle(styleFactory)
   }
   

   Java

   // Set default green fill and border for all features.
   private void styleDatasetsLayer() {
     // Create the style factory function.
     FeatureLayer.StyleFactory styleFactory = (Feature feature) -> {
   
     // Check if the feature is an instance of DatasetFeature.
     if (feature instanceof DatasetFeature) {
   
       // Check if "globalid" attribute of feature is the "globalid" of clicked feature.
       Map<String, String> globalIDs = ((DatasetFeature) feature).getDatasetAttributes();
       String globalID = globalIDs.get("globalid");
       // Set default colors to green.
       int fillColor = 0x4000ff00;
       int strokeColor = 0xff00ff00;
       if (Objects.equals(globalID, lastgobalid)) {
         // Color selected area blue.
         fillColor = 0x400000ff;
         strokeColor = 0xff0000ff;
       }
       return new FeatureStyle.Builder()
         .fillColor(fillColor)
         .strokeColor(strokeColor)
         .strokeWidth(2)
         .build();
       }
       return null;
     };
   
     // Apply the style factory function to the feature layer.
     datasetLayer.setFeatureStyle(styleFactory);
   }