InfoWindow

This sample demonstrates the InfoWindow control. The InfoWindow control allows displaying content placed at a specific anchor point on the Map control. The Content property of an InfoWindow can be any type of object, such as a string, a UIElement, or a DateTime. For this sample, if the user clicks over a US State the name of the State will appear in the InfoWindow. The sample shows how to add Content to an existing InfoWindow defined in XAML using code-behind and how to create a new InfoWindow wholly in code-behind and populate its Content.

XAML

<UserControl x:Class="ArcGISWPFSDK.LocalInfoWindowSimple"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:esri="http://schemas.esri.com/arcgis/client/2009">
    <Grid x:Name="LayoutRoot">
        <Grid.Resources>
            <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
            <esri:SimpleRenderer x:Key="MySimpleRenderer">
                <esri:SimpleRenderer.Symbol>
                    <esri:SimpleFillSymbol Fill="#01FFFFFF" BorderBrush="#88000000" BorderThickness="2" />
                </esri:SimpleRenderer.Symbol>
            </esri:SimpleRenderer>
            <LinearGradientBrush x:Key="PanelGradient" EndPoint="0.5,1" StartPoint="0.5,0">
                <LinearGradientBrush.RelativeTransform>
                    <TransformGroup>
                        <ScaleTransform CenterY="0.5" CenterX="0.5"/>
                        <SkewTransform CenterY="0.5" CenterX="0.5"/>
                        <RotateTransform Angle="176" CenterY="0.5" CenterX="0.5"/>
                        <TranslateTransform/>
                    </TransformGroup>
                </LinearGradientBrush.RelativeTransform>
                <GradientStop Color="#FF145787" Offset="0.16"/>
                <GradientStop Color="#FF3D7FAC" Offset="0.502"/>
                <GradientStop Color="#FF88C5EF" Offset="0.984"/>
            </LinearGradientBrush>
            <DataTemplate x:Key="MyFeatureLayerInfoWindowTemplate">
                <TextBlock Text="{Binding [STATE_NAME]}" Foreground="White" FontSize="12" />
            </DataTemplate>
        </Grid.Resources>
        <esri:Map x:Name="MyMap" Extent="-15000000,2000000,-7000000,8000000" WrapAround="True" MouseClick="MyMap_MouseClick" MinimumResolution="2445.98490512499">
            <esri:ArcGISLocalTiledLayer ID="myBaseMap" Path="..\\Data\\TPKs\\Topographic.tpk"/>
            <esri:ArcGISLocalFeatureLayer ID="MyFeatureLayer" LayerName="States" Path="..\\Data\\MPKS\\USCitiesStates.mpk" 
                            Renderer="{StaticResource MySimpleRenderer}"     OutFields="STATE_NAME,POP2000"/>
        </esri:Map>
        <esri:InfoWindow x:Name="MyInfoWindow"
                         Padding="2"
                         CornerRadius="20"                          
                         Background="{StaticResource PanelGradient}"
                         Map="{Binding ElementName=MyMap}" 
                         ContentTemplate="{StaticResource MyFeatureLayerInfoWindowTemplate}"
                         MouseLeftButtonUp="MyInfoWindow_MouseLeftButtonUp" />
        <ProgressBar x:Name="MyProgressBar" IsIndeterminate="True" VerticalAlignment="Bottom" Width="200" Height="20" Margin="10" Visibility="{Binding Path=IsBusy, Converter={StaticResource BooleanToVisibilityConverter}}"></ProgressBar>
    </Grid>
</UserControl>

C#

using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using ESRI.ArcGIS.Client;
using ESRI.ArcGIS.Client.Toolkit;
using System.ComponentModel;

namespace ArcGISWPFSDK
{
    public partial class LocalInfoWindowSimple : UserControl, INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        private bool _isBusy = true;

        public bool IsBusy
        {
            get
            {
                return _isBusy;
            }
            set
            {
                _isBusy = value;

                if (PropertyChanged != null)
                {

                    PropertyChanged(this, new PropertyChangedEventArgs("IsBusy"));
                }
            }
        }    
    
        public LocalInfoWindowSimple()
        {
            InitializeComponent();

            DataContext = this;

            MyMap.Layers.LayersInitialized += (o, evt) =>
            {
                IsBusy = false;

            };
        }

        private void MyMap_MouseClick(object sender, ESRI.ArcGIS.Client.Map.MouseEventArgs e)
        {
            FeatureLayer featureLayer = MyMap.Layers["MyFeatureLayer"] as FeatureLayer;
            System.Windows.Point screenPnt = MyMap.MapToScreen(e.MapPoint);

            // Account for difference between Map and application origin
            GeneralTransform generalTransform = MyMap.TransformToVisual(Application.Current.MainWindow);
            System.Windows.Point transformScreenPnt = generalTransform.Transform(screenPnt);

            IEnumerable<Graphic> selected =
                featureLayer.FindGraphicsInHostCoordinates(transformScreenPnt);

            foreach (Graphic g in selected)
            {

                MyInfoWindow.Anchor = e.MapPoint;
                MyInfoWindow.IsOpen = true;
                //Since a ContentTemplate is defined, Content will define the DataContext for the ContentTemplate
                MyInfoWindow.Content = g.Attributes;
                return;
            }
        }

        private void MyInfoWindow_MouseLeftButtonUp(object sender, System.Windows.Input.MouseButtonEventArgs e)
        {
            MyInfoWindow.IsOpen = false;
        }
    }
}

VB.NET

Imports System.Collections.Generic
Imports System.Windows
Imports System.Windows.Controls
Imports System.Windows.Media
Imports ESRI.ArcGIS.Client
Imports ESRI.ArcGIS.Client.Toolkit
Imports System.ComponentModel

Namespace ArcGISWPFSDK
    Partial Public Class LocalInfoWindowSimple
        Inherits UserControl
        Implements INotifyPropertyChanged
        Public Event PropertyChanged As PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged
        Private _isBusy As Boolean = True
        Public Property IsBusy() As Boolean
            Get
                Return _isBusy
            End Get
            Set(value As Boolean)
                _isBusy = value
                RaiseEvent PropertyChanged(Me, New PropertyChangedEventArgs("IsBusy"))
            End Set
        End Property
        Public Sub New()
            InitializeComponent()
            AddHandler MyMap.Layers.LayersInitialized, AddressOf map_LayersInitialized
        End Sub

        Private Sub MyMap_MouseClick(sender As Object, e As ESRI.ArcGIS.Client.Map.MouseEventArgs)
            Dim featureLayer As FeatureLayer = TryCast(MyMap.Layers("MyFeatureLayer"), FeatureLayer)
            Dim screenPnt As System.Windows.Point = MyMap.MapToScreen(e.MapPoint)

            ' Account for difference between Map and application origin
            Dim generalTransform As GeneralTransform = MyMap.TransformToVisual(Application.Current.MainWindow)
            Dim transformScreenPnt As System.Windows.Point = generalTransform.Transform(screenPnt)

            Dim selected As IEnumerable(Of Graphic) = featureLayer.FindGraphicsInHostCoordinates(transformScreenPnt)

            For Each g As Graphic In selected

                MyInfoWindow.Anchor = e.MapPoint
                MyInfoWindow.IsOpen = True
                'Since a ContentTemplate is defined, Content will define the DataContext for the ContentTemplate
                MyInfoWindow.Content = g.Attributes
                Return
            Next
        End Sub

        Private Sub MyInfoWindow_MouseLeftButtonUp(sender As Object, e As System.Windows.Input.MouseButtonEventArgs)
            MyInfoWindow.IsOpen = False
        End Sub
        Private Sub map_LayersInitialized(sender As Object, e As EventArgs)
            DataContext = Me
            IsBusy = False
        End Sub
    End Class
End Namespace