Identify KML features

View in

MAUI

UWP

WPF

WinUI

View on GitHub

Show a callout with formatted content for a KML feature.

Image of identify KML features

Use case

A user may wish to select a KML feature to view relevant information about it.

How to use the sample

Tap a feature to identify it. Feature information will be displayed in a callout.

Note: the KML layer used in this sample contains a screen overlay. The screen overlay contains a legend and the logos for NOAA and the NWS. You can't identify the screen overlay.

How it works

Create a listener for the GeoViewTapped event of the MapView.
On tap:

Dismiss the Callout, if one is showing.
Call IdentifyLayersAsync(...) passing in the KmlLayer, screen point and tolerance.
Await the result of the identify and then get the KmlPlacemark from the result.
Create a callout at the calculated map point and populate the callout content with text from the placemark's BalloonContent. NOTE: KML supports defining HTML for balloon content and may need to be converted from HTML to text.
Show the callout.

Note: There are several types of KML features. This sample only identifies features of type KmlPlacemark.

Relevant API

GeoView.IdentifyLayerAsync
IdentifyLayerResult
KmlLayer
KmlPlacemark
KmlPlacemark.BalloonContent

About the data

This sample shows a forecast for significant weather within the U.S. Regions of severe thunderstorms, flooding, snowfall, and freezing rain are shown. Tap the features to see details.

Additional information

KML features can have rich HTML content, including images.

Sample Code

IdentifyKmlFeatures.xaml

IdentifyKmlFeatures.xaml.cs

Use dark colors for code blocksCopy
﻿<UserControl
    x:Class="ArcGIS.UWP.Samples.IdentifyKmlFeatures.IdentifyKmlFeatures"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:esriUI="using:Esri.ArcGISRuntime.UI.Controls">
    <Grid>
        <esriUI:MapView x:Name="MyMapView" />
        <Border Style="{StaticResource BorderStyle}">
        <TextBlock Text="Tap to identify features." HorizontalTextAlignment="Center" FontWeight="SemiBold" />
        </Border>
    </Grid>
</UserControl>