Using Itemscontrol and dataBinding

JasonWard1

Hi - I use MVVM model and am having trouble changing an app from using the Microsoft Bing Map control over to ArcGIS silverlight map control.

The problem lies in that I use the MapItemsControl property from Bing to display buttons on a map using a template and binding the objects that contain the information I need to build the buttons correctly (they contain images and text and are coloured based on data received).  This all works with the microsoft control - I just need to work out how to do the same thing with ArcGIS.

The problem I am getting is that it appears to fail to bind the ElementLayer.Envelope.  I am using ItemsControl and a local resource template.

I dont seem to be able to find any examples of this - so wonder if I am even on the right path!

Any help would be most appreciated

JenniferNery

If you want to bind to ElementLayer.Children, I think the following code should work:

     xmlns:local="clr-namespace:Sprint20"
     xmlns:esri="http://schemas.esri.com/arcgis/client/2009">
  
 <Grid x:Name="LayoutRoot" Background="White">
  <Grid.Resources>
   <esri:Envelope x:Key="MyEnvelope"  XMin="-117" YMin="34" XMax="-117" YMax="34"/>
   <local:MyUIElements x:Key="MyElementLayerChildren">
    <!--Clickable button-->
    <Button x:Name="RedlandsButton" Width="20" Height="20" Content="X" 
            esri:ElementLayer.Envelope="{StaticResource MyEnvelope}"
            VerticalAlignment="Center" HorizontalAlignment="Center" />

    <!--Arrow pointing at Copenhagen from the right-->
    <TextBlock Text="&lt;=" HorizontalAlignment="Right" 
         FontSize="15" Foreground="Blue" FontWeight="Bold"
         esri:ElementLayer.Envelope="12.5698,55.6765,12.5698,55.6765" />
    <!--Arrow pointing at Copenhagen from the left-->
    <TextBlock Text="=&gt;" HorizontalAlignment="Left" 
         FontSize="15" Foreground="Blue" FontWeight="Bold"
         esri:ElementLayer.Envelope="12.5698,55.6765,12.5698,55.6765" />

    <!-- Red box - No size specified. Envelope guides the size -->
    <Rectangle Fill="Red" esri:ElementLayer.Envelope="0,0,10,10" />

    <!--Editable textbox-->
    <TextBox Width="100" Height="20" esri:ElementLayer.Envelope="40,0,40,0"
       Text="Editable text" HorizontalAlignment="Right" VerticalAlignment="Bottom" />
   </local:MyUIElements>
  </Grid.Resources>
   <esri:Map x:Name="MyMap">
   <esri:ArcGISTiledMapServiceLayer ID="StreetMapLayer" 
                    Url="http://services.arcgisonline.com/ArcGIS/rest/services/NGS_Topo_US_2D/MapServer"/>

   <esri:ElementLayer Children="{Binding Source={StaticResource MyElementLayerChildren}}"/>

  </esri:Map>

 </Grid>

This local class will allow you to create an instance of ObservableCollection type.

 public class MyUIElements : ObservableCollection<UIElement>
 {
  public MyUIElements() { }
 }