Display route layer

View inMAUIWPFWinUIView on GitHub

Display a route layer and its directions using a feature collection.

Display route layer

Use case

Routes can be stored as feature collection layers. These layers can store useful information such as directions, estimated trip time, and more.

You can create a route layer in ArcGIS Pro and store a route layer as a portal item, making it easy to access, share, or display.

How to use the sample

Pan and zoom to view the route displayed by the feature collection layer. Toggle to view or hide the turn-by-turn directions.

How it works

  1. Create a PortalItem with the default portal and item ID.
  2. Create and load a FeatureCollection with the item.
  3. After loading, get the FeatureCollectionTable containing turn-by-turn directions.
  4. Set the ItemSource of the collection displaying directions to the FeatureCollectionTable.
  5. Create a FeatureCollectionLayer with the feature collection and set it to the map's OperationalLayers.

Relevant API

  • AGSFeatureCollection
  • AGSFeatureCollectionLayer
  • AGSFeatureCollectionTable

Tags

directions, feature collection, route layer

Sample Code

DisplayRouteLayer.xaml.csDisplayRouteLayer.xaml.csDisplayRouteLayer.xamlDirectionPointTypeToIconConverter.cs
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
// Copyright 2023 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: http://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.

using Esri.ArcGISRuntime;
using Esri.ArcGISRuntime.Data;
using Esri.ArcGISRuntime.Mapping;
using Esri.ArcGISRuntime.Portal;

namespace ArcGIS.Samples.DisplayRouteLayer
{
    [ArcGIS.Samples.Shared.Attributes.Sample(
        name: "Display route layer",
        category: "Layers",
        description: "Display a route layer and its directions using a feature collection.",
        instructions: "Pan and zoom to view the route displayed by the feature collection layer. Toggle to view or hide the turn-by-turn directions.",
        tags: new[] { "directions", "feature collection", "route layer" })]
    [ArcGIS.Samples.Shared.Attributes.OfflineData()]
    [ArcGIS.Samples.Shared.Attributes.ClassFile("Converters/DirectionPointTypeToIconConverter.cs")]
    public partial class DisplayRouteLayer
    {
        private readonly string _itemId = "0e3c8e86b4544274b45ecb61c9f41336";

        public DisplayRouteLayer()
        {
            InitializeComponent();
            _ = Initialize();
        }

        private async Task Initialize()
        {
            // Create a new map with the topographic basemap style.
            MyMapView.Map = new Map(BasemapStyle.ArcGISTopographic);

            try
            {
                // Create a portal instance.
                ArcGISPortal portal = await ArcGISPortal.CreateAsync();

                // Get the portal item containing route data.
                PortalItem item = await PortalItem.CreateAsync(portal, _itemId);

                // Create a collection of feature layers, then load.
                var featureCollection = new FeatureCollection(item);
                await featureCollection.LoadAsync();

                if (featureCollection.LoadStatus == LoadStatus.Loaded)
                {
                    // Select all tables.
                    IList<FeatureCollectionTable> tables = featureCollection.Tables;

                    // List the turn-by-turn directions.
                    FeatureCollectionTable directionPoints = tables.Where(t => t.TableName == "DirectionPoints").FirstOrDefault();
                    DirectionsList.ItemsSource = directionPoints;

                    // Create a FeatureCollectionLayer and add it to the map.
                    FeatureCollectionLayer featureCollectionLayer = new FeatureCollectionLayer(featureCollection);
                    MyMapView.Map.OperationalLayers.Add(featureCollectionLayer);

                    // Set the viewpoint to the full extent of the FeatureCollectionLayer in Oregon, US.
                    await MyMapView.SetViewpointAsync(new Viewpoint(featureCollectionLayer.FullExtent));
                }
            }
            catch (Exception e)
            {
                await Application.Current.MainPage.DisplayAlert("Error", e.ToString(), "OK");
            }
        }
    }
}

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