Display draw status

View inMAUIUWPWPFWinUIView on GitHub

Get the draw status of your map view or scene view to know when all layers in the map or scene have finished drawing.

Image of display drawing status

Use case

You may want to display a loading indicator while layers are loading, which could then be removed on DrawStatus.Completed.

How to use the sample

Pan and zoom around the map. Observe how the status changes from a loading animation to solid, indicating that drawing has completed.

How it works

  1. Create a MapView and subscribe to the DrawStatusChanged event.
  2. Inspect the draw status property in the event handler to determine draw status.

Relevant API

  • DrawStatus
  • DrawStatusChangedEvent
  • DrawStatusChangedListener
  • Map
  • MapView

Tags

draw, loading, map, render

Sample Code

DisplayDrawingStatus.xaml.csDisplayDrawingStatus.xaml.csDisplayDrawingStatus.xaml
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
// Copyright 2018 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.Data;
using Esri.ArcGISRuntime.Geometry;
using Esri.ArcGISRuntime.Mapping;
using Esri.ArcGISRuntime.UI;
using Microsoft.UI.Xaml;
using System;

namespace ArcGIS.WinUI.Samples.DisplayDrawingStatus
{
    [ArcGIS.Samples.Shared.Attributes.Sample(
        name: "Display draw status",
        category: "MapView",
        description: "Get the draw status of your map view or scene view to know when all layers in the map or scene have finished drawing.",
        instructions: "Pan and zoom around the map. Observe how the status changes from a loading animation to solid, indicating that drawing has completed.",
        tags: new[] { "draw", "loading", "map", "render" })]
    public sealed partial class DisplayDrawingStatus
    {
        public DisplayDrawingStatus()
        {
            InitializeComponent();

            // Create the UI, setup the control references and execute initialization.
            Initialize();
        }

        private void Initialize()
        {
            // Subscribe to be notified of drawing status changes.
            MyMapView.DrawStatusChanged += OnDrawStatusChanged;

            // Create new Map with a topographic basemap.
            Map myMap = new Map(BasemapStyle.ArcGISTopographic);

            // URL pointing to a feature service.
            Uri serviceUri =
                new Uri("https://sampleserver6.arcgisonline.com/arcgis/rest/services/DamageAssessment/FeatureServer/0");

            // Initialize a new feature layer.
            ServiceFeatureTable myFeatureTable = new ServiceFeatureTable(serviceUri);
            FeatureLayer myFeatureLayer = new FeatureLayer(myFeatureTable);

            // Add the feature layer to the Map.
            myMap.OperationalLayers.Add(myFeatureLayer);

            // Display the map in the view.
            MyMapView.Map = myMap;

            // Zoom to the United States.
            MyMapView.SetViewpointCenterAsync(new MapPoint(-10800000, 4500000, SpatialReferences.WebMercator), 3e7);
        }

        private void OnDrawStatusChanged(object sender, DrawStatusChangedEventArgs e)
        {
            // Show the activity indicator if the map is drawing.
            if (e.Status == DrawStatus.InProgress)
            {
                ActivityIndicator.Visibility = Visibility.Visible;
                StatusDisplay.Text = "Drawing...";
            }
            else
            {
                ActivityIndicator.Visibility = Visibility.Collapsed;
                StatusDisplay.Text = "Finished drawing.";
            }
        }
    }
}

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