Add a feature layer

Learn how to use a URL to access and display a feature layer in a map.

A map contains layers of geographic data. A map contains a basemap layer and, optionally, one or more data layers. This tutorial shows you how to access and display a feature layer in a map. You access feature layers with an item ID or URL. You will use URLs to access the Trailheads, Trails, and Parks and Open Spaces feature layers and display them in a map.

A feature layer is a dataset in a feature service hosted in ArcGIS. Each feature layer contains features with a single geometry type (point, line, or polygon), and a set of attributes. You can use feature layers to store, access, and manage large amounts of geographic data for your applications.

Prerequisites

Choose your API

You can do this tutorial in C++ or QML. Make your selection below:

• Steps for C++
• Steps for QML

Steps for C++

Open the project in Qt Creator

1. To start this tutorial, complete the Display a map tutorial or download and unzip the solution.

2. Open the display_a_map project in Qt Creator.

3. If you downloaded the Display a map solution, set your API key.

   More info

   An API Key enables access to services, web maps, and web scenes hosted in ArcGIS Online.

   1. Go to your developer dashboard to get your API key. For these tutorials, use your default API key. It is scoped to include all of the services demonstrated in the tutorials.

   2. In the Projects window, in the Sources folder, open the main.cpp file.

   3. Modify the code to set the API key. Paste the API key, acquired from your dashboard, between the quotes. Then save and close the file.

      main.cpp

      Use dark colors for code blocks

      Show more lines

      39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 40 41 42 43 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44

      Add line.Add line.Add line.Add line.Add line.

      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
      //   Copyright 2020 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.
      //
      
      #include "Display_a_map.h"
      
      #include "ArcGISRuntimeEnvironment.h"
      #include "MapQuickView.h"
      
      #include <QDir>
      #include <QGuiApplication>
      #include <QQmlApplicationEngine>
      
      //------------------------------------------------------------------------------
      
      using namespace Esri::ArcGISRuntime;
      
      int main(int argc, char *argv[])
      {
          QGuiApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
          QGuiApplication app(argc, argv);
      
          // Use of Esri location services, including basemaps and geocoding, requires
          // either an ArcGIS identity or an API key. For more information see
          // https://links.esri.com/arcgis-runtime-security-auth.
      
          // 1. ArcGIS identity: An ArcGIS named user account that is a member of an
          // organization in ArcGIS Online or ArcGIS Enterprise.
      
          // 2. API key: A permanent key that gives your application access to Esri
          // location services. Create a new API key or access existing API keys from
          // your ArcGIS for Developers dashboard (https://links.esri.com/arcgis-api-keys).
      
          const QString apiKey = QString("");
      
          if (apiKey.isEmpty())
          {
              qWarning() << "Use of Esri location services, including basemaps, requires "
                            "you to authenticate with an ArcGIS identity or set the API Key property.";
          }
          else
          {
              ArcGISRuntimeEnvironment::setApiKey(apiKey);
          }
      
          // Production deployment of applications built with ArcGIS Runtime requires you to
          // license ArcGIS Runtime functionality. For more information see
          // https://links.esri.com/arcgis-runtime-license-and-deploy.
      
          // ArcGISRuntimeEnvironment::setLicense("Place license string in here");
      
          // Register the map view for QML
          qmlRegisterType<MapQuickView>("Esri.display_a_map", 1, 0, "MapView");
      
          // Register the Display_a_map (QQuickItem) for QML
          qmlRegisterType<Display_a_map>("Esri.display_a_map", 1, 0, "Display_a_map");
      
          // Initialize application view
          QQmlApplicationEngine engine;
      
          // Add the import Path
          engine.addImportPath(QDir(QCoreApplication::applicationDirPath()).filePath("qml"));
      
          // Set the source
          engine.load(QUrl("qrc:/qml/main.qml"));
      
          return app.exec();
      }
      
      //------------------------------------------------------------------------------

      Show more lines

Include header files

1. Double click on Sources > Display_a_map.cpp to open the file. Include these header files to be able to create ServiceFeatureTable and FeatureLayer instances.

   Display-a-map.cpp

   Use dark colors for code blocks

   Show more lines

   14 14 14 14 14 14 14 14 14 14 14 14 14 14 15 16 17 18 19 20 21 22 23 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 24 23 22 21 19 17 15 13 11 9 7 5 3 1 -1 -3 -4 -5 -6 -6 -6 -6 -6 -6 -6 -6 -6 -6 -6 -6 -6 -6 -6 -6 -6

   Add line.Add line.

   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
   //   Copyright 2020 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.
   
   
   #include "Display_a_map.h"
   
   #include "ArcGISRuntimeEnvironment.h"
   #include "Basemap.h"
   #include "Map.h"
   #include "MapQuickView.h"
   #include <QUrl>
   
   #include "ServiceFeatureTable.h"
   #include "FeatureLayer.h"
   
   using namespace Esri::ArcGISRuntime;
   
   Display_a_map::Display_a_map(QObject* parent /* = nullptr */):
     QObject(parent),
     m_map(new Map(BasemapStyle::ArcGISTopographic, this))
   {
   }
   
   Display_a_map::~Display_a_map()
   {
   }
   
   MapQuickView* Display_a_map::mapView() const
   {
     return m_mapView;
   }
   
   void Display_a_map::setupMap()
   {
     const Point center(-118.80543, 34.02700, SpatialReference::wgs84());
     const Viewpoint viewpoint(center, 100000.0);
     m_mapView->setViewpoint(viewpoint);
   
     const QUrl polygonFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0");
     ServiceFeatureTable* polygon_feature_table = new ServiceFeatureTable(polygonFeatureUrl, this);
   
     FeatureLayer* polygon_feature_layer = new FeatureLayer(polygon_feature_table, this);
     m_map->operationalLayers()->append(polygon_feature_layer);
   
     const QUrl lineFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0");
     ServiceFeatureTable* line_feature_table = new ServiceFeatureTable(lineFeatureUrl, this);
   
     FeatureLayer* line_feature_layer = new FeatureLayer(line_feature_table, this);
     m_map->operationalLayers()->append(line_feature_layer);
   
     const QUrl pointFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0");
     ServiceFeatureTable* point_feature_table= new ServiceFeatureTable(pointFeatureUrl, this);
   
     FeatureLayer* point_feature_layer = new FeatureLayer(point_feature_table, this);
     m_map->operationalLayers()->append(point_feature_layer);
   
   }
   // Set the view (created in QML)
   void Display_a_map::setMapView(MapQuickView* mapView)
   {
     if (!mapView || mapView == m_mapView)
     {
       return;
     }
   
     m_mapView = mapView;
     m_mapView->setMap(m_map);
   
     setupMap();
   
     emit mapViewChanged();
   }
   

   Show more lines

Add a polygon feature layer

This tutorial will draw the map in following order:

1. ArcGISTopographic basemap style layer
2. Parks and Open Spaces (polygons)
3. Trails (lines)
4. Trailheads (points)

It is important to add feature layers in the correct order so features are displayed correctly. Polygon feature layers are typically created before lines or points, so that those features are not obscured by the polygons.

Use the FeatureLayer class to reference the Parks and Open Spaces URL and add features to the map.

1. Go to the Parks and Open Spaces URL and browse the properties of the layer. You may want to explore the Name, Type, Drawing Info, and Fields properties.

2. Within the setupMap method, add the following code. Create a QUrl instance named polygonFeatureUrl using an ArcGIS feature server as the feature data source. Then create a ServiceFeatureTable named polygon_feature_table from that QUrl.

   Display-a-map.cpp

   Use dark colors for code blocks

   Show more lines

   42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 43 44 45 46 47 48 49 50 50 49 48 47 45 43 41 39 37 35 33 31 29 28 27 26 26 26 26 26 26 26 26 26 26 26 26 26 26 26 26 26

   Add line.Add line.

   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
   //   Copyright 2020 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.
   
   
   #include "Display_a_map.h"
   
   #include "ArcGISRuntimeEnvironment.h"
   #include "Basemap.h"
   #include "Map.h"
   #include "MapQuickView.h"
   #include <QUrl>
   
   #include "ServiceFeatureTable.h"
   #include "FeatureLayer.h"
   
   using namespace Esri::ArcGISRuntime;
   
   Display_a_map::Display_a_map(QObject* parent /* = nullptr */):
     QObject(parent),
     m_map(new Map(BasemapStyle::ArcGISTopographic, this))
   {
   }
   
   Display_a_map::~Display_a_map()
   {
   }
   
   MapQuickView* Display_a_map::mapView() const
   {
     return m_mapView;
   }
   
   void Display_a_map::setupMap()
   {
     const Point center(-118.80543, 34.02700, SpatialReference::wgs84());
     const Viewpoint viewpoint(center, 100000.0);
     m_mapView->setViewpoint(viewpoint);
   
     const QUrl polygonFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0");
     ServiceFeatureTable* polygon_feature_table = new ServiceFeatureTable(polygonFeatureUrl, this);
   
     FeatureLayer* polygon_feature_layer = new FeatureLayer(polygon_feature_table, this);
     m_map->operationalLayers()->append(polygon_feature_layer);
   
     const QUrl lineFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0");
     ServiceFeatureTable* line_feature_table = new ServiceFeatureTable(lineFeatureUrl, this);
   
     FeatureLayer* line_feature_layer = new FeatureLayer(line_feature_table, this);
     m_map->operationalLayers()->append(line_feature_layer);
   
     const QUrl pointFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0");
     ServiceFeatureTable* point_feature_table= new ServiceFeatureTable(pointFeatureUrl, this);
   
     FeatureLayer* point_feature_layer = new FeatureLayer(point_feature_table, this);
     m_map->operationalLayers()->append(point_feature_layer);
   
   }
   // Set the view (created in QML)
   void Display_a_map::setMapView(MapQuickView* mapView)
   {
     if (!mapView || mapView == m_mapView)
     {
       return;
     }
   
     m_mapView = mapView;
     m_mapView->setMap(m_map);
   
     setupMap();
   
     emit mapViewChanged();
   }
   

   Show more lines

3. Create a FeatureLayer instance named polygon_feature_layer, passing in polygon_feature_table as the argument. Then append your new polygon_feature_layer to the Map instance named m_map.

   Display-a-map.cpp

   Use dark colors for code blocks

   Show more lines

   48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 48 49 50 51 52 53 53 51 49 47 45 43 41 39 37 35 34 33 32 32 32 32 32 32 32 32 32 32 32 32 32 32 32 32 32

   Add line.Add line.

   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
   //   Copyright 2020 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.
   
   
   #include "Display_a_map.h"
   
   #include "ArcGISRuntimeEnvironment.h"
   #include "Basemap.h"
   #include "Map.h"
   #include "MapQuickView.h"
   #include <QUrl>
   
   #include "ServiceFeatureTable.h"
   #include "FeatureLayer.h"
   
   using namespace Esri::ArcGISRuntime;
   
   Display_a_map::Display_a_map(QObject* parent /* = nullptr */):
     QObject(parent),
     m_map(new Map(BasemapStyle::ArcGISTopographic, this))
   {
   }
   
   Display_a_map::~Display_a_map()
   {
   }
   
   MapQuickView* Display_a_map::mapView() const
   {
     return m_mapView;
   }
   
   void Display_a_map::setupMap()
   {
     const Point center(-118.80543, 34.02700, SpatialReference::wgs84());
     const Viewpoint viewpoint(center, 100000.0);
     m_mapView->setViewpoint(viewpoint);
   
     const QUrl polygonFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0");
     ServiceFeatureTable* polygon_feature_table = new ServiceFeatureTable(polygonFeatureUrl, this);
   
     FeatureLayer* polygon_feature_layer = new FeatureLayer(polygon_feature_table, this);
     m_map->operationalLayers()->append(polygon_feature_layer);
   
     const QUrl lineFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0");
     ServiceFeatureTable* line_feature_table = new ServiceFeatureTable(lineFeatureUrl, this);
   
     FeatureLayer* line_feature_layer = new FeatureLayer(line_feature_table, this);
     m_map->operationalLayers()->append(line_feature_layer);
   
     const QUrl pointFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0");
     ServiceFeatureTable* point_feature_table= new ServiceFeatureTable(pointFeatureUrl, this);
   
     FeatureLayer* point_feature_layer = new FeatureLayer(point_feature_table, this);
     m_map->operationalLayers()->append(point_feature_layer);
   
   }
   // Set the view (created in QML)
   void Display_a_map::setMapView(MapQuickView* mapView)
   {
     if (!mapView || mapView == m_mapView)
     {
       return;
     }
   
     m_mapView = mapView;
     m_mapView->setMap(m_map);
   
     setupMap();
   
     emit mapViewChanged();
   }
   

   Show more lines

   Press <Ctrl+R> to run the app.

   You should see a map view centered in the Santa Monica Mountains, with your feature layer showing the Parks and Open Spaces layer in the map.

Add a line feature layer

Line features are typically displayed in a feature layer before points. Use the FeatureLayer class to reference the Trails URL and add features to the map, as described next.

1. Add the following code to create a QUrl instance named lineFeatureUrl using the ArcGIS feature server as the feature data source, in this case, Trails_Styled. Then create a ServiceFeatureTable named line_feature_table from that QUrl.

   Display-a-map.cpp

   Use dark colors for code blocks

   Show more lines

   51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 51 52 53 54 55 56 56 54 52 50 48 46 44 43 42 41 41 41 41 41 41 41 41 41 41 41 41 41 41 41 41 41

   Add line.Add line.

   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
   //   Copyright 2020 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.
   
   
   #include "Display_a_map.h"
   
   #include "ArcGISRuntimeEnvironment.h"
   #include "Basemap.h"
   #include "Map.h"
   #include "MapQuickView.h"
   #include <QUrl>
   
   #include "ServiceFeatureTable.h"
   #include "FeatureLayer.h"
   
   using namespace Esri::ArcGISRuntime;
   
   Display_a_map::Display_a_map(QObject* parent /* = nullptr */):
     QObject(parent),
     m_map(new Map(BasemapStyle::ArcGISTopographic, this))
   {
   }
   
   Display_a_map::~Display_a_map()
   {
   }
   
   MapQuickView* Display_a_map::mapView() const
   {
     return m_mapView;
   }
   
   void Display_a_map::setupMap()
   {
     const Point center(-118.80543, 34.02700, SpatialReference::wgs84());
     const Viewpoint viewpoint(center, 100000.0);
     m_mapView->setViewpoint(viewpoint);
   
     const QUrl polygonFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0");
     ServiceFeatureTable* polygon_feature_table = new ServiceFeatureTable(polygonFeatureUrl, this);
   
     FeatureLayer* polygon_feature_layer = new FeatureLayer(polygon_feature_table, this);
     m_map->operationalLayers()->append(polygon_feature_layer);
   
     const QUrl lineFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0");
     ServiceFeatureTable* line_feature_table = new ServiceFeatureTable(lineFeatureUrl, this);
   
     FeatureLayer* line_feature_layer = new FeatureLayer(line_feature_table, this);
     m_map->operationalLayers()->append(line_feature_layer);
   
     const QUrl pointFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0");
     ServiceFeatureTable* point_feature_table= new ServiceFeatureTable(pointFeatureUrl, this);
   
     FeatureLayer* point_feature_layer = new FeatureLayer(point_feature_table, this);
     m_map->operationalLayers()->append(point_feature_layer);
   
   }
   // Set the view (created in QML)
   void Display_a_map::setMapView(MapQuickView* mapView)
   {
     if (!mapView || mapView == m_mapView)
     {
       return;
     }
   
     m_mapView = mapView;
     m_mapView->setMap(m_map);
   
     setupMap();
   
     emit mapViewChanged();
   }
   

   Show more lines

2. Create a FeatureLayer instance named line_feature_layer, passing in line_feature_table as the argument. Then append your new line_feature_layer to the Map instance named m_map.

   Display-a-map.cpp

   Use dark colors for code blocks

   Show more lines

   54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 54 55 56 57 58 59 59 57 55 53 52 51 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50

   Add line.Add line.

   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
   //   Copyright 2020 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.
   
   
   #include "Display_a_map.h"
   
   #include "ArcGISRuntimeEnvironment.h"
   #include "Basemap.h"
   #include "Map.h"
   #include "MapQuickView.h"
   #include <QUrl>
   
   #include "ServiceFeatureTable.h"
   #include "FeatureLayer.h"
   
   using namespace Esri::ArcGISRuntime;
   
   Display_a_map::Display_a_map(QObject* parent /* = nullptr */):
     QObject(parent),
     m_map(new Map(BasemapStyle::ArcGISTopographic, this))
   {
   }
   
   Display_a_map::~Display_a_map()
   {
   }
   
   MapQuickView* Display_a_map::mapView() const
   {
     return m_mapView;
   }
   
   void Display_a_map::setupMap()
   {
     const Point center(-118.80543, 34.02700, SpatialReference::wgs84());
     const Viewpoint viewpoint(center, 100000.0);
     m_mapView->setViewpoint(viewpoint);
   
     const QUrl polygonFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0");
     ServiceFeatureTable* polygon_feature_table = new ServiceFeatureTable(polygonFeatureUrl, this);
   
     FeatureLayer* polygon_feature_layer = new FeatureLayer(polygon_feature_table, this);
     m_map->operationalLayers()->append(polygon_feature_layer);
   
     const QUrl lineFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0");
     ServiceFeatureTable* line_feature_table = new ServiceFeatureTable(lineFeatureUrl, this);
   
     FeatureLayer* line_feature_layer = new FeatureLayer(line_feature_table, this);
     m_map->operationalLayers()->append(line_feature_layer);
   
     const QUrl pointFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0");
     ServiceFeatureTable* point_feature_table= new ServiceFeatureTable(pointFeatureUrl, this);
   
     FeatureLayer* point_feature_layer = new FeatureLayer(point_feature_table, this);
     m_map->operationalLayers()->append(point_feature_layer);
   
   }
   // Set the view (created in QML)
   void Display_a_map::setMapView(MapQuickView* mapView)
   {
     if (!mapView || mapView == m_mapView)
     {
       return;
     }
   
     m_mapView = mapView;
     m_mapView->setMap(m_map);
   
     setupMap();
   
     emit mapViewChanged();
   }
   

   Show more lines

   Press <Ctrl+R> to run the app.

   The map view should display the Parks and Open Spaces layer (polygons) and the Trails (lines) layer.

Add a point feature layer

1. Add the following code to create a QUrl instance named pointFeatureUrl using the ArcGIS feature server as the feature data source, in this case, Trailheads. Then create a ServiceFeatureTable named point_feature_table from that QUrl.

   Display-a-map.cpp

   Use dark colors for code blocks

   Show more lines

   57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 57 58 59 60 61 62 62 61 60 59 59 59 59 59 59 59 59 59 59 59 59 59 59 59 59 59

   Add line.Add line.

   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
   //   Copyright 2020 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.
   
   
   #include "Display_a_map.h"
   
   #include "ArcGISRuntimeEnvironment.h"
   #include "Basemap.h"
   #include "Map.h"
   #include "MapQuickView.h"
   #include <QUrl>
   
   #include "ServiceFeatureTable.h"
   #include "FeatureLayer.h"
   
   using namespace Esri::ArcGISRuntime;
   
   Display_a_map::Display_a_map(QObject* parent /* = nullptr */):
     QObject(parent),
     m_map(new Map(BasemapStyle::ArcGISTopographic, this))
   {
   }
   
   Display_a_map::~Display_a_map()
   {
   }
   
   MapQuickView* Display_a_map::mapView() const
   {
     return m_mapView;
   }
   
   void Display_a_map::setupMap()
   {
     const Point center(-118.80543, 34.02700, SpatialReference::wgs84());
     const Viewpoint viewpoint(center, 100000.0);
     m_mapView->setViewpoint(viewpoint);
   
     const QUrl polygonFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0");
     ServiceFeatureTable* polygon_feature_table = new ServiceFeatureTable(polygonFeatureUrl, this);
   
     FeatureLayer* polygon_feature_layer = new FeatureLayer(polygon_feature_table, this);
     m_map->operationalLayers()->append(polygon_feature_layer);
   
     const QUrl lineFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0");
     ServiceFeatureTable* line_feature_table = new ServiceFeatureTable(lineFeatureUrl, this);
   
     FeatureLayer* line_feature_layer = new FeatureLayer(line_feature_table, this);
     m_map->operationalLayers()->append(line_feature_layer);
   
     const QUrl pointFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0");
     ServiceFeatureTable* point_feature_table= new ServiceFeatureTable(pointFeatureUrl, this);
   
     FeatureLayer* point_feature_layer = new FeatureLayer(point_feature_table, this);
     m_map->operationalLayers()->append(point_feature_layer);
   
   }
   // Set the view (created in QML)
   void Display_a_map::setMapView(MapQuickView* mapView)
   {
     if (!mapView || mapView == m_mapView)
     {
       return;
     }
   
     m_mapView = mapView;
     m_mapView->setMap(m_map);
   
     setupMap();
   
     emit mapViewChanged();
   }
   

   Show more lines

2. Add the following two lines of code to create a FeatureLayer, passing in point_feature_table as the argument. Then append your FeatureLayer to the Map instance named m_map.

   Display-a-map.cpp

   Use dark colors for code blocks

   Show more lines

   60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 61 62 63 64 65 65 65 65 65 65 65 65 65 65 65 65 65 65 65 65 65 65

   Add line.Add line.

   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
   //   Copyright 2020 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.
   
   
   #include "Display_a_map.h"
   
   #include "ArcGISRuntimeEnvironment.h"
   #include "Basemap.h"
   #include "Map.h"
   #include "MapQuickView.h"
   #include <QUrl>
   
   #include "ServiceFeatureTable.h"
   #include "FeatureLayer.h"
   
   using namespace Esri::ArcGISRuntime;
   
   Display_a_map::Display_a_map(QObject* parent /* = nullptr */):
     QObject(parent),
     m_map(new Map(BasemapStyle::ArcGISTopographic, this))
   {
   }
   
   Display_a_map::~Display_a_map()
   {
   }
   
   MapQuickView* Display_a_map::mapView() const
   {
     return m_mapView;
   }
   
   void Display_a_map::setupMap()
   {
     const Point center(-118.80543, 34.02700, SpatialReference::wgs84());
     const Viewpoint viewpoint(center, 100000.0);
     m_mapView->setViewpoint(viewpoint);
   
     const QUrl polygonFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0");
     ServiceFeatureTable* polygon_feature_table = new ServiceFeatureTable(polygonFeatureUrl, this);
   
     FeatureLayer* polygon_feature_layer = new FeatureLayer(polygon_feature_table, this);
     m_map->operationalLayers()->append(polygon_feature_layer);
   
     const QUrl lineFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0");
     ServiceFeatureTable* line_feature_table = new ServiceFeatureTable(lineFeatureUrl, this);
   
     FeatureLayer* line_feature_layer = new FeatureLayer(line_feature_table, this);
     m_map->operationalLayers()->append(line_feature_layer);
   
     const QUrl pointFeatureUrl("https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0");
     ServiceFeatureTable* point_feature_table= new ServiceFeatureTable(pointFeatureUrl, this);
   
     FeatureLayer* point_feature_layer = new FeatureLayer(point_feature_table, this);
     m_map->operationalLayers()->append(point_feature_layer);
   
   }
   // Set the view (created in QML)
   void Display_a_map::setMapView(MapQuickView* mapView)
   {
     if (!mapView || mapView == m_mapView)
     {
       return;
     }
   
     m_mapView = mapView;
     m_mapView->setMap(m_map);
   
     setupMap();
   
     emit mapViewChanged();
   }
   

   Show more lines

   Press <Ctrl+R> to run the app.

The map view should display all three feature layers in the map. Double-click, drag, and scroll the mouse wheel over the map view to explore the map.

To explore other tutorials, see What's next.

Steps for QML

Open the project in Qt Creator

1. To start this tutorial, complete the Display a map tutorial or download and unzip the solution.

2. Open the display_a_map project in Qt Creator.

3. If you downloaded the Display a map solution, set your API key.

   More info

   An API Key enables access to services, web maps, and web scenes hosted in ArcGIS Online.

   1. Go to your developer dashboard to get your API key. For these tutorials, use your default API key. It is scoped to include all of the services demonstrated in the tutorials.

   2. In the Projects window, in the Sources folder, open the main.cpp file.

   3. Modify the code to set the API key. Paste the API key, acquired from your dashboard, between the quotes. Then save and close the file.

      main.cpp

      Use dark colors for code blocks

      Show more lines

      39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 39 40 41 42 43 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44 44

      Add line.Add line.Add line.Add line.Add line.

      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
      //   Copyright 2020 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.
      //
      
      #include "Display_a_map.h"
      
      #include "ArcGISRuntimeEnvironment.h"
      #include "MapQuickView.h"
      
      #include <QDir>
      #include <QGuiApplication>
      #include <QQmlApplicationEngine>
      
      //------------------------------------------------------------------------------
      
      using namespace Esri::ArcGISRuntime;
      
      int main(int argc, char *argv[])
      {
          QGuiApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
          QGuiApplication app(argc, argv);
      
          // Use of Esri location services, including basemaps and geocoding, requires
          // either an ArcGIS identity or an API key. For more information see
          // https://links.esri.com/arcgis-runtime-security-auth.
      
          // 1. ArcGIS identity: An ArcGIS named user account that is a member of an
          // organization in ArcGIS Online or ArcGIS Enterprise.
      
          // 2. API key: A permanent key that gives your application access to Esri
          // location services. Create a new API key or access existing API keys from
          // your ArcGIS for Developers dashboard (https://links.esri.com/arcgis-api-keys).
      
          const QString apiKey = QString("");
      
          if (apiKey.isEmpty())
          {
              qWarning() << "Use of Esri location services, including basemaps, requires "
                            "you to authenticate with an ArcGIS identity or set the API Key property.";
          }
          else
          {
              ArcGISRuntimeEnvironment::setApiKey(apiKey);
          }
      
          // Production deployment of applications built with ArcGIS Runtime requires you to
          // license ArcGIS Runtime functionality. For more information see
          // https://links.esri.com/arcgis-runtime-license-and-deploy.
      
          // ArcGISRuntimeEnvironment::setLicense("Place license string in here");
      
          // Register the map view for QML
          qmlRegisterType<MapQuickView>("Esri.display_a_map", 1, 0, "MapView");
      
          // Register the Display_a_map (QQuickItem) for QML
          qmlRegisterType<Display_a_map>("Esri.display_a_map", 1, 0, "Display_a_map");
      
          // Initialize application view
          QQmlApplicationEngine engine;
      
          // Add the import Path
          engine.addImportPath(QDir(QCoreApplication::applicationDirPath()).filePath("qml"));
      
          // Set the source
          engine.load(QUrl("qrc:/qml/main.qml"));
      
          return app.exec();
      }
      
      //------------------------------------------------------------------------------

      Show more lines

This tutorial will draw the map in following order:

1. ArcGISTopographic basemap style layer
2. Parks and Open Spaces (polygons)
3. Trails (lines)
4. Trailheads (points)

To display each of three new feature layers (also known as operational layers) on top of the current basemap, you will create a ServiceFeatureTable using a URL to reference datasets hosted in ArcGIS Online. Each service feature table will become an argument to a FeatureLayer which will be displayed on the map.

Add a polygon feature layer

It is important to add feature layers in the correct order so that features are displayed correctly. Polygon feature layers are typically created before lines or points, so that those features are not obscured by the polygons.

1. Open a web browser and go to the feature service URL for Parks and Open Spaces. The service page provides information such as the geometry type, the geographic extent, the minimum and maximum scale at which features are visible, and the attributes (fields) it contains. You can preview the layer by clicking on ArcGIS.com Map in the View In: list at the top of the page.

2. A Polygon geometry represents the shape and location of an area, for example, a country, island, or a lake. A polygon can be used as the geometry of features and graphics, or as input or output of tasks or geoprocessing operations. In this example, our polygons are delivered by a feature service. Use the FeatureLayer class and ServiceFeatureTable class to display the Parks and Open Spaces polygons. Open the main.qml file and add the following code where shown.

   main.qml

   Use dark colors for code blocks

   Show more lines

   30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 30 31 32 33 34 35 36 37 38 39 40 41 42 42 41 40 39 38 37 36 35 34 33 32 31 30 29 28 28 28 28 28 28 28 28 28 28 28 28 28 28 28 28

   Add line.Add line.Add line.Add line.Add line.Add line.

   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
   //   Copyright 2021 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 QtQuick 2.6
   import QtQuick.Controls 2.2
   import Esri.ArcGISRuntime 100.14
   
   ApplicationWindow {
       id: appWindow
       width: 800
       height: 600
       title: "Display_a_map"
   
       // add a mapView component
       MapView {
           anchors.fill: parent
           // set focus to enable keyboard navigation
           focus: true
   
           // add a map to the mapview
           Map {
               // add the ArcGISTopographic basemap to the map
               initBasemapStyle: Enums.BasemapStyleArcGISTopographic
               initialViewpoint: viewpoint
   
               // Add the polygon feature layer
               FeatureLayer {
                   ServiceFeatureTable {
                       url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0"
                   }
                }
   
                // Add the line feature layer
                 FeatureLayer {
                   ServiceFeatureTable {
                       url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0"
                   }
                }
   
                // Add the points feature layer
                 FeatureLayer {
                   ServiceFeatureTable {
                       url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0"
                   }
                }
   
           }
   
           ViewpointCenter {
               id: viewpoint
               // Specify the center Point
               center: Point {
                   x: -118.80543
                   y: 34.02700
                   spatialReference: SpatialReference {wkid: 4326}
               }
               // Specify the scale
               targetScale: 100000.0
           }
       }
     }
   

   Show more lines

   Press <Ctrl+R> to run the app.

   You should see a map view centered in the Santa Monica Mountains, with your feature layer showing the Parks and Open Spaces layer as gray polygons in the map.

Add a line feature layer

Line features are typically displayed in a feature layer before points.

1. Use the FeatureLayer class and ServiceFeatureTable class to display the Trails with the following code.

   main.qml

   Use dark colors for code blocks

   Show more lines

   36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 36 37 38 39 40 41 42 43 44 45 46 47 48 49 49 48 47 46 45 44 43 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42 42

   Add line.Add line.Add line.Add line.Add line.Add line.

   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
   //   Copyright 2021 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 QtQuick 2.6
   import QtQuick.Controls 2.2
   import Esri.ArcGISRuntime 100.14
   
   ApplicationWindow {
       id: appWindow
       width: 800
       height: 600
       title: "Display_a_map"
   
       // add a mapView component
       MapView {
           anchors.fill: parent
           // set focus to enable keyboard navigation
           focus: true
   
           // add a map to the mapview
           Map {
               // add the ArcGISTopographic basemap to the map
               initBasemapStyle: Enums.BasemapStyleArcGISTopographic
               initialViewpoint: viewpoint
   
               // Add the polygon feature layer
               FeatureLayer {
                   ServiceFeatureTable {
                       url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0"
                   }
                }
   
                // Add the line feature layer
                 FeatureLayer {
                   ServiceFeatureTable {
                       url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0"
                   }
                }
   
                // Add the points feature layer
                 FeatureLayer {
                   ServiceFeatureTable {
                       url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0"
                   }
                }
   
           }
   
           ViewpointCenter {
               id: viewpoint
               // Specify the center Point
               center: Point {
                   x: -118.80543
                   y: 34.02700
                   spatialReference: SpatialReference {wkid: 4326}
               }
               // Specify the scale
               targetScale: 100000.0
           }
       }
     }
   

   Show more lines

   Press <Ctrl+R> to run the app.

The map view should display the Parks and Open Spaces (polygons) feature layer and the Trails (lines) feature layer.

Add a point feature layer

Point geometries represent discrete locations or entities, such as a geocoded house address, the location of a water meter in a water utility network, a moving vehicle, and so on. In this example, our pre-defined points are being delivered by a feature service.

1. Use the FeatureLayer class and ServiceFeatureTable class to display the Trailheads with the following code.

   main.qml

   Use dark colors for code blocks

   Show more lines

   43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 43 44 45 46 47 48 49 50 51 52 53 54 55 56 56 56 56 56 56 56 56 56 56 56 56 56 56 56 56 56

   Add line.Add line.Add line.Add line.Add line.Add line.

   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
   //   Copyright 2021 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 QtQuick 2.6
   import QtQuick.Controls 2.2
   import Esri.ArcGISRuntime 100.14
   
   ApplicationWindow {
       id: appWindow
       width: 800
       height: 600
       title: "Display_a_map"
   
       // add a mapView component
       MapView {
           anchors.fill: parent
           // set focus to enable keyboard navigation
           focus: true
   
           // add a map to the mapview
           Map {
               // add the ArcGISTopographic basemap to the map
               initBasemapStyle: Enums.BasemapStyleArcGISTopographic
               initialViewpoint: viewpoint
   
               // Add the polygon feature layer
               FeatureLayer {
                   ServiceFeatureTable {
                       url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Parks_and_Open_Space/FeatureServer/0"
                   }
                }
   
                // Add the line feature layer
                 FeatureLayer {
                   ServiceFeatureTable {
                       url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/ArcGIS/rest/services/Trails/FeatureServer/0"
                   }
                }
   
                // Add the points feature layer
                 FeatureLayer {
                   ServiceFeatureTable {
                       url: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads/FeatureServer/0"
                   }
                }
   
           }
   
           ViewpointCenter {
               id: viewpoint
               // Specify the center Point
               center: Point {
                   x: -118.80543
                   y: 34.02700
                   spatialReference: SpatialReference {wkid: 4326}
               }
               // Specify the scale
               targetScale: 100000.0
           }
       }
     }
   

   Show more lines

   Press <Ctrl+R> to run the app.

The map view should display all three feature layers in the map. Double-click, drag, and scroll the mouse wheel over the map view to explore the map.

What's next?

Learn how to use additional API features, ArcGIS loction services, and ArcGIS tools in these tutorials:

Not all tutorials listed have instructions for QML.

• Add a point, line, and polygon
• Search for an address
• Get a route and directions
• Find a route and directions
• Display a scene