Browse WFS layers

View inQMLC++
View on GitHub
Sample viewer app

Browse a WFS service for layers and add them to the map.

screenshot

Use case

Services often have multiple layers available for display. For example, a feature service for a city might have layers representing roads, land masses, building footprints, parks, and facilities. A user can choose to only show the road network and parks for a park accessibility analysis.

How to use the sample

A list of layers in the WFS service will be shown. Select a layer to display.

Some WFS services return coordinates in X,Y order, while others return coordinates in lat/long (Y,X) order. If you don't see features rendered or you see features in the wrong location, click on "Swap Coordinate Order".

How it works

  1. Create a WfsService object with a URL to a WFS feature service.
  2. Obtain a list of WfsLayerInfo from WfsService::ServiceInfo.
  3. When a layer is selected, create a WfsFeatureTable from the WfsLayerInfo.

    • Set the axis order if necessary.
  4. Create a feature layer from the feature table.
  5. Add the feature layer to the map.

Relevant API

  • FeatureLayer
  • WfsFeatureTable
  • WfsFeatureTable::axisOrder
  • WfsLayerInfo
  • WfsService
  • WfsServiceInfo

About the data

The sample is configured with a sample WFS service, but you can load other WFS services if desired. The default service shows Seattle downtown features hosted on ArcGIS Online.

Tags

browse, catalog, feature, layers, OGC, service, web, WFS

Sample Code

BrowseWfsLayers.qmlBrowseWfsLayers.cppBrowseWfsLayers.h
                                                                                           
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
// [WriteFile Name=BrowseWfsLayers, Category=Layers]
// [Legal]
// Copyright 2019 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.
// [Legal]

import QtQuick 2.6
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12
import Esri.Samples 1.0

Item {
    readonly property bool swapAxis: true

    // add a mapView component
    MapView {
        id: view
        anchors.fill: parent
    }

    BusyIndicator {
        id: loadingIndicator
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.verticalCenter: parent.verticalCenter
        running: browseWfsLayersSampleModel.isLoading;
    }

    Rectangle {
        anchors {
            margins: 5
            right: parent.right
            top: parent.top
        }
        width: childrenRect.width
        height: childrenRect.height
        color: "#000000"
        opacity: .75
        radius: 5

        ColumnLayout {
            Text {
                text: qsTr("Pick a WFS Layer")
                Layout.margins: 3
                Layout.alignment: Qt.AlignHCenter
                color: "#ffffff"
            }

            ComboBox {
                id: layersComboBox
                model: browseWfsLayersSampleModel.layerInfoTitleListModel
                Layout.fillWidth: true
                Layout.margins: 3
                Layout.alignment: Qt.AlignHCenter
            }

            Button {
                id: loadSelectedLayerBtn
                text: qsTr("Load Selected Layer")
                Layout.fillWidth: true
                Layout.margins: 3
                onClicked: browseWfsLayersSampleModel.createWfsFeatureTable(layersComboBox.currentIndex, !swapAxis);
            }

            Button {
                id: swapAxisOrder
                text: qsTr("Swap Coordinate Order")
                Layout.margins: 3
                Layout.fillWidth: true
                onClicked:{
                    browseWfsLayersSampleModel.createWfsFeatureTable(layersComboBox.currentIndex, swapAxis);
                }
            }
        }
    }

    // Declare the C++ instance which creates the scene etc. and supply the view
    BrowseWfsLayersSample {
        id: browseWfsLayersSampleModel
        mapView: view
    }
}

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