Select features in feature layer

View on GitHub

Select features in a feature layer.

Image of select features in feature layer

Use case

Selecting features, whether by query or identify, can be an important step both in editing data and visualizing results. One possible use case would be to query a feature layer containing street furniture. A query might look for type "bench" and return a list of bench features contained in the features with an attribute of type bench. These might be selected for further editing (see FeatureQueryResult) or may just be highlighted visually.

How to use the sample

Tap on a feature in the map. All features within a given tolerance (in pixels) of the tap will be selected.

How it works

  1. Create a ServiceFeatureTable from a feature service URL.
  2. Create a FeatureLayer from the service feature table.
  3. Identify nearby features at the tapped location using identifyLayer(featureLayer, screenPoint, tolerance, maximumResults) on the map view.
  4. Select all identified features in the feature layer with selectFeatures(features).

Relevant API

  • Feature
  • FeatureLayer
  • ServiceFeatureTable

About the data

This sample uses the Gross Domestic Product, 1960-2016 feature service. Only the 2016 GDP values are shown.

Tags

features, layers, select, selection, tolerance

Sample Code

select_features_in_feature_layer.dart
Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
//
// Copyright 2024 Esri
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//   https://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//

import 'package:arcgis_maps/arcgis_maps.dart';
import 'package:flutter/material.dart';

import '../../utils/sample_state_support.dart';

class SelectFeaturesInFeatureLayer extends StatefulWidget {
  const SelectFeaturesInFeatureLayer({super.key});

  @override
  State<SelectFeaturesInFeatureLayer> createState() =>
      _SelectFeaturesInFeatureLayerState();
}

class _SelectFeaturesInFeatureLayerState
    extends State<SelectFeaturesInFeatureLayer> with SampleStateSupport {
  // Create a controller for the map view.
  final _mapViewController = ArcGISMapView.createController();
  // Create a feature layer from a feature table.
  final _featureLayer = FeatureLayer.withFeatureTable(
    ServiceFeatureTable.withUri(
      Uri.parse(
        'https://services1.arcgis.com/4yjifSiIG17X0gW4/arcgis/rest/services/GDP_per_capita_1960_2016/FeatureServer/0',
      ),
    ),
  );

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // Add a map view to the widget tree and set a controller.
      body: ArcGISMapView(
        controllerProvider: () => _mapViewController,
        // Add a callback to the onTap event.
        onTap: onTap,
        onMapViewReady: onMapViewReady,
      ),
    );
  }

  void onMapViewReady() {
    // Create a map with a light gray canvas basemap.
    final map = ArcGISMap.withBasemapStyle(BasemapStyle.arcGISLightGray);
    // Set the initial viewpoint to a specific location and scale.
    map.initialViewpoint = Viewpoint.fromCenter(
      ArcGISPoint(
        x: 4.376000,
        y: 50.838570,
        spatialReference: SpatialReference.wgs84,
      ),
      scale: 5e7,
    );
    // Add the feature layer to the map.
    map.operationalLayers.add(_featureLayer);
    // Set the map to the map view controller.
    _mapViewController.arcGISMap = map;
  }

  void onTap(Offset localPosition) async {
    // Clear the selection on the feature layer.
    _featureLayer.clearSelection();

    // Identify the features at the tapped location.
    final identifyLayerResult = await _mapViewController.identifyLayer(
      _featureLayer,
      screenPoint: localPosition,
      tolerance: 22,
      maximumResults: 1000,
    );
    // Get the features from the identify layer result.
    final features =
        identifyLayerResult.geoElements.whereType<Feature>().toList();

    // If no features are identified, unselect all features.
    if (features.isEmpty) {
      final featureQueryResult = await _featureLayer.getSelectedFeatures();
      final selectedFeatures = featureQueryResult.features();
      for (final feature in selectedFeatures) {
        _featureLayer.unselectFeature(feature);
      }
    } else {
      // Select the identified features.
      _featureLayer.selectFeatures(features);
    }
  }
}

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.