Add Layer Dynamically Online

This sample includes a Map with no layers. Enter a url to an ArcGIS Server tiled map service and click the Add Layer button to add the service as a layer to the map at runtime. The map will also zoom to the initial extent of the layer.

XAML

<UserControl x:Class="ArcGISWPFSDK.AddLayerDynamically"
    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" Background="White">
        <Grid.Resources>
            <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>
        </Grid.Resources>

        <esri:Map x:Name="MyMap" ExtentChanged="MyMap_ExtentChange" ExtentChanging="MyMap_ExtentChange" WrapAround="True" Background="#FFE3E3E3"/>

        <Grid HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,15,15,0" Height="118"  >
            <Rectangle Fill="{StaticResource PanelGradient}" Stroke="Gray"  RadiusX="10" RadiusY="10" Margin="0,0,0,5">
                <Rectangle.Effect>
                    <DropShadowEffect/>
                </Rectangle.Effect>
            </Rectangle>
            <Rectangle Fill="#DDFFFFFF" Stroke="DarkGray" RadiusX="5" RadiusY="5" Margin="10,10,10,15" />
            <StackPanel Orientation="Vertical" HorizontalAlignment="Center" Margin="0,20,30,30">
                <TextBlock Foreground="Black" FontWeight="Bold" HorizontalAlignment="Center" Text="Enter url to an ArcGIS Server tiled map service" />
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" >
                    <TextBlock Text="Url: " Width="80" TextAlignment="Right" VerticalAlignment="Center" Foreground="Black"/>
                    <TextBox x:Name="UrlTextBox" Text="http://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer" Width="550"/>
                </StackPanel>
                <Button x:Name="AddLayerButton" Content="Add Layer" Width="100" Margin="0,5,0,0" HorizontalAlignment="Center" Click="AddLayerButton_Click" />
            </StackPanel>
        </Grid>

        <Grid x:Name="ExtentGrid" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="10" Visibility="Collapsed" >
            <Rectangle Fill="{StaticResource PanelGradient}" Stroke="Gray"  RadiusX="10" RadiusY="10" Margin="0" >
                <Rectangle.Effect>
                    <DropShadowEffect/>
                </Rectangle.Effect>
            </Rectangle>
            <StackPanel Orientation="Vertical" Margin="10">
                <TextBlock x:Name="ExtentTextBlock" Text="Extent: " Margin="5" TextWrapping="Wrap" FontWeight="Bold" Foreground="White" />
                <TextBox x:Name="ExtentTextBox" IsReadOnly="True" Margin="5" />
            </StackPanel>
        </Grid>

    </Grid>
</UserControl>

C#

using System.Windows;
using System.Windows.Controls;

namespace ArcGISWPFSDK
{
    public partial class AddLayerDynamically : UserControl
    {
        public AddLayerDynamically()
        {
            InitializeComponent();
        }

        private void AddLayerButton_Click(object sender, RoutedEventArgs e)
        {
            MyMap.Layers.Clear();

            ESRI.ArcGIS.Client.ArcGISTiledMapServiceLayer NewTiledLayer = new ESRI.ArcGIS.Client.ArcGISTiledMapServiceLayer();

            MyMap.Layers.LayersInitialized += (evtsender, args) =>
            {
                MyMap.ZoomTo(NewTiledLayer.InitialExtent);
            };

            NewTiledLayer.Url = UrlTextBox.Text;
            MyMap.Layers.Add(NewTiledLayer);
        }

        void MyMap_ExtentChange(object sender, ESRI.ArcGIS.Client.ExtentEventArgs args)
        {
            setExtentText(args.NewExtent);
        }

        private void setExtentText(ESRI.ArcGIS.Client.Geometry.Envelope newExtent)
        {
            ExtentTextBlock.Text = string.Format("MinX: {0}\nMinY: {1}\nMaxX: {2}\nMaxY: {3}",
                newExtent.XMin, newExtent.YMin, newExtent.XMax, newExtent.YMax);
            ExtentGrid.Visibility = Visibility.Visible;
            ExtentTextBox.Text = string.Format("{0},{1},{2},{3}", newExtent.XMin.ToString("#0.000"), newExtent.YMin.ToString("#0.000"),
                newExtent.XMax.ToString("#0.000"), newExtent.YMax.ToString("#0.000"));
        }
    }
}

VB.NET

Imports System.Windows
Imports System.Windows.Controls

Namespace ArcGISWPFSDK
    Partial Public Class AddLayerDynamically
        Inherits UserControl
        Public Sub New()
            InitializeComponent()
        End Sub

        Private Sub AddLayerButton_Click(sender As Object, e As RoutedEventArgs)
            MyMap.Layers.Clear()

            Dim NewTiledLayer As New ESRI.ArcGIS.Client.ArcGISTiledMapServiceLayer()

            AddHandler MyMap.Layers.LayersInitialized, Function(evtsender, args)
                                                           MyMap.ZoomTo(NewTiledLayer.InitialExtent)

                                                       End Function

            NewTiledLayer.Url = UrlTextBox.Text
            MyMap.Layers.Add(NewTiledLayer)
        End Sub

        Private Sub MyMap_ExtentChange(sender As Object, args As ESRI.ArcGIS.Client.ExtentEventArgs)
            setExtentText(args.NewExtent)
        End Sub

        Private Sub setExtentText(newExtent As ESRI.ArcGIS.Client.Geometry.Envelope)
            ExtentTextBlock.Text = String.Format("MinX: {0}" & vbLf & "MinY: {1}" & vbLf & "MaxX: {2}" & vbLf & "MaxY: {3}", newExtent.XMin, newExtent.YMin, newExtent.XMax, newExtent.YMax)
            ExtentGrid.Visibility = Visibility.Visible
            ExtentTextBox.Text = String.Format("{0},{1},{2},{3}", newExtent.XMin.ToString("#0.000"), newExtent.YMin.ToString("#0.000"), newExtent.XMax.ToString("#0.000"), newExtent.YMax.ToString("#0.000"))
        End Sub
    End Class
End Namespace