OpenStreetMap

This sample demonstrates using the ESRI.ArcGIS.Client.Toolkit.DataSources OpenStreetMap layer. OpenStreetMap is a collaborative, free and editable map of the world managed by http://www.openstreetmap.org which can be consumed as a map service. Click on the radio buttons to change the various OpenStreetMap Styles to different OpenStreetMapLayer.MapStyle enumerations (like: Mapnik, CycleMap, and NoName).

XAML

<UserControl x:Class="ArcGISWPFSDK.OpenStreetMapSimple"
    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>
            <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"/>
                <GradientStop Color="#FF3D7FAC" Offset="0.184"/>
                <GradientStop Color="#FF88C5EF" Offset="0.984"/>
            </LinearGradientBrush>
        </Grid.Resources>

        <esri:Map x:Name="MyMap" WrapAround="True">
            <esri:OpenStreetMapLayer ID="OSMLayer" Style="Mapnik" />
        </esri:Map>

        <Grid HorizontalAlignment="Right" VerticalAlignment="Top" Margin="10" >
            <Rectangle Fill="{StaticResource PanelGradient}" Stroke="Gray"  RadiusX="10" RadiusY="10" Margin="0,0,0,5">
                <Rectangle.Effect>
                    <DropShadowEffect/>
                </Rectangle.Effect>
            </Rectangle>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="5" >
                <RadioButton x:Name="MapnikRadioButton" 
                         Tag="Mapnik" IsChecked="true" Margin="5,0,0,0" Foreground="White"
                         GroupName="Layers" Content="Mapnik" Click="RadioButton_Click"/>         
                <RadioButton x:Name="CycleMapRadioButton" 
                         Tag="CycleMap" Margin="5,0,0,0" Foreground="White" 
                         GroupName="Layers" Content="CycleMap" Click="RadioButton_Click"/>
                <RadioButton x:Name="NoNameRadioButton" 
                         Tag="NoName" Margin="5,0,0,0" Foreground="White" 
                         GroupName="Layers" Content="NoName" Click="RadioButton_Click"/>
            </StackPanel>
        </Grid>

    </Grid>
</UserControl>

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using ESRI.ArcGIS.Client.Toolkit.DataSources;

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

        private void RadioButton_Click(object sender, RoutedEventArgs e)
        {
            OpenStreetMapLayer osmLayer = MyMap.Layers["OSMLayer"] as OpenStreetMapLayer;
            string layerTypeTag = (string)((RadioButton)sender).Tag;
            OpenStreetMapLayer.MapStyle newLayerType = (OpenStreetMapLayer.MapStyle)System.Enum.Parse(typeof(OpenStreetMapLayer.MapStyle),
                layerTypeTag, true);
            osmLayer.Style = newLayerType;
        }
    }
}

VB.NET

Imports System.Collections.Generic
Imports System.Linq
Imports System.Net
Imports System.Windows
Imports System.Windows.Controls
Imports System.Windows.Documents
Imports System.Windows.Input
Imports System.Windows.Media
Imports System.Windows.Media.Animation
Imports System.Windows.Shapes
Imports ESRI.ArcGIS.Client.Toolkit.DataSources
Namespace ArcGISWPFSDK
    Partial Public Class OpenStreetMapSimple
        Inherits UserControl
        Public Sub New()
            InitializeComponent()
        End Sub

        Private Sub RadioButton_Click(sender As Object, e As RoutedEventArgs)
            Dim osmLayer As OpenStreetMapLayer = TryCast(MyMap.Layers("OSMLayer"), OpenStreetMapLayer)
            Dim layerTypeTag As String = DirectCast(DirectCast(sender, RadioButton).Tag, String)
            Dim newLayerType As OpenStreetMapLayer.MapStyle = CType(System.[Enum].Parse(GetType(OpenStreetMapLayer.MapStyle), layerTypeTag, True), OpenStreetMapLayer.MapStyle)
            osmLayer.Style = newLayerType
        End Sub
    End Class
End Namespace