Display KML network links

View inC++QMLView on GitHubSample viewer app

Display a file with a KML network link, including displaying any network link control messages at launch.

screenshot

Use case

KML files can reference other KML files on the network and support automatically refreshing content. For example, survey workers will benefit from KML data shown on their devices automatically refreshing to show the most up-to-date state. Additionally, discovering KML files linked to the data they are currently viewing provides additional information to make better decisions in the field.

How to use the sample

The sample will load the KML file automatically. The data shown should refresh automatically every few seconds. Pan and zoom to explore the map.

How it works

In general, no special code is needed to support showing KML/KMZ files with network links. KML supports specifying a message to show the user when loading a network link. Apps can optionally listen to the KmlDataset.kmlNetworkLinkMessageReceived signal to show any messages from KML network link controls.

  1. Create a KmlDataset from a KML source which has network links.
  2. Create a KmlLayer with the dataset and add the layer as an operational layer.
  3. To listen for network messages, connect to the kmlNetworkLinkMessageReceived signal of the dataset.

Relevant API

  • KmlDataset
  • KmlLayer
  • KmlNetworkLink
  • kmlNetworkLinkMessageReceived

About the data

This map shows the current air traffic in parts of Europe with heading, altitude, and ground speed. Additionally, noise levels from ground monitoring stations are shown.

Tags

Keyhole, KML, KMZ, Network Link, Network Link Control, OGC

Sample Code

DisplayKmlNetworkLinks.qmlDisplayKmlNetworkLinks.qmlMessageButton.qml
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
102
// [WriteFile Name=DisplayKmlNetworkLinks, Category=Layers]
// [Legal]
// 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.
// [Legal]

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QtQuick.Window
import Esri.ArcGISRuntime

Rectangle {
    id: rootRectangle


    property string currentKmlNetworkMessage: "";

    clip: true
    width: 800
    height: 600

    SceneView {
        id: sceneView
        anchors.fill: parent

        Component.onCompleted: {
            // Set the focus on SceneView to initially enable keyboard navigation
            forceActiveFocus();
        }

        Scene {
            id: scene
            Basemap {
                initStyle: Enums.BasemapStyleArcGISImageryStandard
            }
            // Center the viewpoint over continental Europe.
            ViewpointCenter {
                Point {
                    x: 8.150526
                    y: 50.472421
                    spatialReference: Factory.SpatialReference.createWgs84()
                }
                targetScale: 20000000
            }
            // The layer that will render our KML data.
            KmlLayer {
                // This is a KML resource that references other KML resources over a network.
                dataset:  KmlDataset {
                    url: "https://www.arcgis.com/sharing/rest/content/items/600748d4464442288f6db8a4ba27dc95/data"

                    onKmlNetworkLinkMessageReceived: (link, message) => {
                        currentKmlNetworkMessage = message;
                    }
                }
            }
        }

        MessageButton {
            visible: currentKmlNetworkMessage. length > 0
            anchors {
                bottom: sceneView.attributionTop
                horizontalCenter: parent.horizontalCenter
                margins: 10
            }
            onClicked: {
                messageDialog.open();
            }
        }
    }

    Dialog {
        id: messageDialog
        modal: true
        x: Math.round(parent.width - width) / 2
        y: Math.round(parent.height - height) / 2
        width: parent.width * 0.75
        standardButtons: Dialog.Ok
        title: "KML layer message"
        property alias text : textLabel.text
        Text {
            width: parent.width
            id: textLabel
            text: currentKmlNetworkMessage
            wrapMode: Text.WordWrap
        }
        onAccepted: {
            currentKmlNetworkMessage = ""; // Clear the message
        }
        onRejected: onAccepted()
    }
}

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