Project Online

This sample demonstrates using an ESRI.ArcGIS.Client.Tasks GeometryService that takes an input graphic point that was created using decimal degrees and projects the return graphic point to Web Mercator.

To use the sample, enter an X and Y coordinate value in decimal degrees (WGS84) and click Project to transform the coordinate to Web Mercator and add it to the map.

XAML

<UserControl x:Class="ArcGISWPFSDK.Project"
    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>
            <esri:SimpleMarkerSymbol x:Key="RoundMarkerSymbol" Size="10">
                <esri:SimpleMarkerSymbol.Color>
                    <RadialGradientBrush>
                        <GradientStop Color="Yellow" Offset="0.578"/>
                        <GradientStop Color="#FF0E0D07" Offset="1"/>
                    </RadialGradientBrush>
                </esri:SimpleMarkerSymbol.Color>
            </esri:SimpleMarkerSymbol>
            <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">
            <esri:ArcGISTiledMapServiceLayer
                    Url="http://maverick.arcgis.com/ArcGIS/rest/services/World_Mollweide/MapServer" />
            <esri:GraphicsLayer ID="MyGraphicsLayer" >
                <esri:GraphicsLayer.MapTip>
                    <Border CornerRadius="10" BorderBrush="#FF222957" BorderThickness="3" Margin="0,0,15,15">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="1.038,1.136" StartPoint="0.015,0.188">
                                <GradientStop Color="#FFD1DFF2"/>
                                <GradientStop Color="#FF0088FF" Offset="0.946"/>
                            </LinearGradientBrush>
                        </Border.Background>
                        <Border.Effect>
                            <DropShadowEffect ShadowDepth="10" BlurRadius="14" Direction="300" />
                        </Border.Effect>
                        <StackPanel Orientation="Vertical" HorizontalAlignment="Center" Margin="10">
                            <TextBlock Text="Input coordinate: " FontWeight="Bold" Foreground="#FF0F274E" FontSize="10" VerticalAlignment="Center"/>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="X: " FontWeight="Bold" Foreground="#FF0F274E" FontSize="10" VerticalAlignment="Center"/>
                                <TextBlock Text="{Binding [Input_CoordinateX]}" HorizontalAlignment="Left" VerticalAlignment="Center" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="Y: " FontWeight="Bold" Foreground="#FF0F274E" FontSize="10" VerticalAlignment="Center"/>
                                <TextBlock Text="{Binding [Input_CoordinateY]}" HorizontalAlignment="Left" VerticalAlignment="Center" />
                            </StackPanel>

                            <TextBlock Text="Output coordinate: " FontWeight="Bold" Foreground="#FF0F274E" FontSize="10" VerticalAlignment="Center" />
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="X: " FontWeight="Bold" Foreground="#FF0F274E" FontSize="10" VerticalAlignment="Center"/>
                                <TextBlock Text="{Binding [Output_CoordinateX]}" HorizontalAlignment="Left" VerticalAlignment="Center" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="Y: " FontWeight="Bold" Foreground="#FF0F274E" FontSize="10" VerticalAlignment="Center" />
                                <TextBlock Text="{Binding [Output_CoordinateY]}" HorizontalAlignment="Left" VerticalAlignment="Center" />
                            </StackPanel>
                        </StackPanel>
                    </Border>
                </esri:GraphicsLayer.MapTip>
            </esri:GraphicsLayer>
        </esri:Map>

        <Grid HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,10,10,0" >
            <Rectangle Fill="{StaticResource PanelGradient}" Stroke="Gray"  RadiusX="10" RadiusY="10" Margin="0,0,0,5" >
                <Rectangle.Effect>
                    <DropShadowEffect/>
                </Rectangle.Effect>
            </Rectangle>
            <Rectangle Fill="#FFFFFFFF" Stroke="DarkGray" RadiusX="5" RadiusY="5" Margin="10,10,10,15" />
            <StackPanel Orientation="Vertical" Margin="30,20,20,30" >
                <TextBlock x:Name="ResponseTextBlock" Text="Enter an X and Y coordinate value in decimal degrees (WGS84) and click Project to transform the coordinate to Web Mercator and add it to the map." 
                           Width="200" TextAlignment="Left"  TextWrapping="Wrap" Margin="0,0,0,5" Foreground="Black"/>
                <StackPanel Orientation="Vertical">
                    <StackPanel Orientation="Horizontal" Margin="3">
                        <TextBlock Text="X:" VerticalAlignment="Center" Margin="3" Foreground="Black" />
                        <TextBox x:Name="XTextBox" Text="-121"/>
                    </StackPanel>
                    <StackPanel Orientation="Horizontal" Margin="3">
                        <TextBlock Text="Y:" Margin="3" VerticalAlignment="Center" Foreground="Black" />
                        <TextBox x:Name="YTextBox"  Text="40" />
                    </StackPanel>
                </StackPanel>
                <Button Content="Project" Margin="0,5,5,0" Click="ProjectButton_Click"  />
            </StackPanel>
        </Grid>

    </Grid>
</UserControl>

C#

using System.Windows.Controls;
using System.Windows;
using ESRI.ArcGIS.Client.Geometry;
using ESRI.ArcGIS.Client.Tasks;
using ESRI.ArcGIS.Client;
using System.Collections.Generic;
using ESRI.ArcGIS.Client.Symbols;

namespace ArcGISWPFSDK
{
    public partial class Project : UserControl
    {
        GeometryService geometryService;
        GraphicsLayer graphicsLayer;

        public Project()
        {
            InitializeComponent();

            geometryService = new GeometryService("http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");
            geometryService.ProjectCompleted += geometryService_ProjectCompleted;
            geometryService.Failed += geometryService_Failed;

            graphicsLayer = MyMap.Layers["MyGraphicsLayer"] as GraphicsLayer;
        }

        private void ProjectButton_Click(object sender, System.Windows.RoutedEventArgs e)
        {
            double x;
            double y;
            if (!double.TryParse(XTextBox.Text, out x) || !double.TryParse(YTextBox.Text, out y))
            {
                MessageBox.Show("Enter valid coordinate values.");
                return;
            }

            MapPoint inputMapPoint = new MapPoint(x, y, new SpatialReference(4326));

            geometryService.ProjectAsync(new List<Graphic>() { new Graphic() { Geometry = inputMapPoint } }, MyMap.SpatialReference, inputMapPoint);
        }

        void geometryService_ProjectCompleted(object sender, GraphicsEventArgs e)
        {
            Graphic resultGraphic = e.Results[0];

            if (resultGraphic.Geometry.Extent != null)
            {
                resultGraphic.Symbol = LayoutRoot.Resources["RoundMarkerSymbol"] as SimpleMarkerSymbol;

                MapPoint resultMapPoint = resultGraphic.Geometry as MapPoint;
                resultGraphic.Attributes.Add("Output_CoordinateX", resultMapPoint.X);
                resultGraphic.Attributes.Add("Output_CoordinateY", resultMapPoint.Y);

                MapPoint inputMapPoint = e.UserState as MapPoint;
                resultGraphic.Attributes.Add("Input_CoordinateX", inputMapPoint.X);
                resultGraphic.Attributes.Add("Input_CoordinateY", inputMapPoint.Y);

                graphicsLayer.Graphics.Add(resultGraphic);

                MyMap.PanTo(resultGraphic.Geometry);
            }
            else
            {
                MessageBox.Show("Invalid input coordinate, unable to project.");
            }
        }

        void geometryService_Failed(object sender, TaskFailedEventArgs e)
        {
            MessageBox.Show("Geometry Service error: " + e.Error);
        }
    }
}

VB.NET

Imports System.Windows.Controls
Imports System.Windows
Imports ESRI.ArcGIS.Client.Geometry
Imports ESRI.ArcGIS.Client.Tasks
Imports ESRI.ArcGIS.Client
Imports System.Collections.Generic
Imports ESRI.ArcGIS.Client.Symbols

Namespace ArcGISWPFSDK
    Partial Public Class Project
        Inherits UserControl
        Private geometryService As GeometryService
        Private graphicsLayer As GraphicsLayer

        Public Sub New()
            InitializeComponent()

            geometryService = New GeometryService("http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer")
            AddHandler geometryService.ProjectCompleted, AddressOf geometryService_ProjectCompleted
            AddHandler geometryService.Failed, AddressOf geometryService_Failed

            graphicsLayer = TryCast(MyMap.Layers("MyGraphicsLayer"), GraphicsLayer)
        End Sub

        Private Sub ProjectButton_Click(sender As Object, e As System.Windows.RoutedEventArgs)
            Dim x As Double
            Dim y As Double
            If Not Double.TryParse(XTextBox.Text, x) OrElse Not Double.TryParse(YTextBox.Text, y) Then
                MessageBox.Show("Enter valid coordinate values.")
                Return
            End If

            Dim inputMapPoint As New MapPoint(x, y, New SpatialReference(4326))

            geometryService.ProjectAsync(New List(Of Graphic)() From { _
             New Graphic() With { _
              .Geometry = inputMapPoint _
             } _
            }, MyMap.SpatialReference, inputMapPoint)
        End Sub

        Private Sub geometryService_ProjectCompleted(sender As Object, e As GraphicsEventArgs)
            Dim resultGraphic As Graphic = e.Results(0)

            If resultGraphic.Geometry.Extent IsNot Nothing Then
                resultGraphic.Symbol = TryCast(LayoutRoot.Resources("RoundMarkerSymbol"), SimpleMarkerSymbol)

                Dim resultMapPoint As MapPoint = TryCast(resultGraphic.Geometry, MapPoint)
                resultGraphic.Attributes.Add("Output_CoordinateX", resultMapPoint.X)
                resultGraphic.Attributes.Add("Output_CoordinateY", resultMapPoint.Y)

                Dim inputMapPoint As MapPoint = TryCast(e.UserState, MapPoint)
                resultGraphic.Attributes.Add("Input_CoordinateX", inputMapPoint.X)
                resultGraphic.Attributes.Add("Input_CoordinateY", inputMapPoint.Y)

                graphicsLayer.Graphics.Add(resultGraphic)

                MyMap.PanTo(resultGraphic.Geometry)
            Else
                MessageBox.Show("Invalid input coordinate, unable to project.")
            End If
        End Sub

        Private Sub geometryService_Failed(sender As Object, e As TaskFailedEventArgs)
            MessageBox.Show("Geometry Service error: " & Convert.ToString(e.[Error]))
        End Sub
    End Class
End Namespace