topic Re: question regarding programmatically created graphicslayer & maptips in ArcGIS API for Silverlight Questions

question regarding programmatically created graphicslayer & maptips

MikeDavis — Tue, 19 Oct 2010 15:56:20 GMT

I'm using the beta 2.1 API and taking an RSS feed that has lat/long coordinates and adding it to a GraphicsLayer that I've programmatically created - I've added some of the attributes to each of the graphics as such and added them to a graphicslayer called pGraphicsLayer:

          
graphic.Attributes.Add("Title", item.Title.Text)
graphic.Attributes.Add("Summary", item.Summary.Text)
graphic.Attributes.Add("PublishDate", item.PublishDate)
                    If item.Links.Count > 0 Then
                        graphic.Attributes.Add("Link", item.Links(0).Uri)
                    End If
graphic.Attributes.Add("FeedItem", item)
graphic.Attributes.Add("Id", item.Id)

I've put a UserControl on my XAML page as such:

        <UserControl x:Name="hmTooltip" HorizontalAlignment="Left" Margin="132,141,0,289" Width="140">
<TextBlock Text="{Binding Converter={StaticResource MyDictionaryConverter}, ConverterParameter=FeedItem, Mode=OneWay}" 
HorizontalAlignment="Left" VerticalAlignment="Top"  TextWrapping="Wrap" Grid.Row="1" Grid.Column="1" Height="30" Width="190" FontSize="10" Foreground="Black" Margin="2,0,0,0" />
 </UserControl>

But for the life of me I can't figure out how to get the MapTips to work on the pGraphicsLayer object that I programmatically created (the points show up, etc but nothing on hover - it essentially crashes). I've tried setting the pGraphicsLayer.MapTip = hmTooltip (my user control)

Am I going about this the correct way? when I hover over i get the following message:

"Message: Unhandled Error in Silverlight 2 Application Value does not fall within the expected range."

Meanwhile I'm using a Silverlight 4 environment so not sure why that's giving me a Silverlight 2 error?

Re: question regarding programmatically created graphicslayer & maptips

JenniferNery — Wed, 20 Oct 2010 03:56:08 GMT

Have you looked at this sample? http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#GraphicsMapTip

You will not need DictionaryConverter if your using Silverlight 4, because this is already supported "{Binding [STATE_NAME]}" where STATE_NAME is just the Attribute Key. If you use the sample above, instead of getting the features from a query to FeatureService, you will create your own graphic, see this other sample: http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#GeoRSS

Re: question regarding programmatically created graphicslayer & maptips

dotMorten_esri — Fri, 22 Oct 2010 04:24:26 GMT

This error is usually due to invalid XAML.

Re: question regarding programmatically created graphicslayer & maptips

stefanschlaefli — Wed, 01 Dec 2010 12:52:12 GMT

Hi
did you solve this? I get the same error. I defined the usercontrol (which holds the textbox with the binding) within the resources of the grid where my map control is embedded. I am assigning it from code behind because the featurelayer i use is also created in codebehind. I also tried to do a proper silverlight usercontrol (by adding a silverlight control to the project) but then i would probably have to define a dependency property for the binding. What is the best way to display maptips to a featurelayer from codebehind?
Thanks
Stefan

Re: question regarding programmatically created graphicslayer & maptips

DominiqueBroux — Sat, 11 Dec 2021 10:57:03 GMT

The maptip of a graphicslayer is a frameworkelement. This framework element can't be defined as resource.

So, this is NOT working:

 
<Grid.Resources>
  <Border x:key="maptip" >
     .......
  </Border>
</Grid.resources>
........
<esri:FeatureLayer Maptip="{StaticResource maptip}" ........

Nor is this C# code working:

 
myFeatureLayer.MapTip = [FrameworkElement]LayoutRoot.Resources["maptip"];

Instead you can use a DataTemplate:

 
<Grid.Resources>
  <DataTemplate x:key="maptip" >
    <Border >
     .......
    </Border>
  </DataTemplate>
</Grid.resources>
........
<esri:FeatureLayer ...>
 <esri:FeatureLayer.MapTip>
    <ContentControl ContentTemplate="{StaticResource maptip}" Content="{Binding}" />
  </esri:FeatureLayer.MapTip>
</esri:FeatureLayer>

The equivalent C# code is working as well.

Or you can define your own custom maptip control:

 
<esri:FeatureLayer ...>
  <esri:FeatureLayer.MapTip>
    <MyMaptipControl     .............../>
  </esri:FeatureLayer.MapTip>
</esri:FeatureLayer>

or the equivalent in C# : myFeatureLayer.MapTip = new MyMaptipControl() { ......};

Hope this help.

Re: question regarding programmatically created graphicslayer & maptips

stefanschlaefli — Sat, 11 Dec 2021 10:57:06 GMT

Hi Dominique
Thanks for your help. I tried with a data template:

 
 <DataTemplate x:Name="edmMapTip">
       <Border Background="#FF8EA992" BorderBrush="#FF161537">
            <TextBlock x:Name="tbMapTip" Text="{Binding [VALUE]}" TextWrapping="Wrap" Height = "30" Width="120" FontSize="10" Foreground="Black" Margin="2" />
        </Border>
 </DataTemplate>

And I call it with this code in c#:

reportLayer.OutFields.Add("OCCUPANCY");
reportLayer.OutFields.Add("VALUE");
FlareClusterer clusterer = new FlareClusterer(); 
reportLayer.Clusterer = clusterer; 
reportLayer.MapTip = grdMapBase.Resources["edmMapTip"] as MapTip;

The mapTips don't display. When I debug, I see that reportLayer.MapTip is always null.
But the resource reference is correct. Has it to do with the fact, that I assign a toolkit mapTip to a featureLayer.MapTip ? How should I do it then?

Re: question regarding programmatically created graphicslayer & maptips

DominiqueBroux — Sat, 11 Dec 2021 10:57:08 GMT

Hi Stephan,

Your edmMapTip resource is a DataTemplate not a MapTip, so your cast can't work.

You need the C# equivalent of this xaml code:

 
<esri:FeatureLayer.MapTip>
    <ContentControl ContentTemplate="{StaticResource maptip}" Content="{Binding}" />
</esri:FeatureLayer.MapTip>

it should be something like:

 
reportLayer.MapTip = new ContentControl()
{
  ContentTemplate = (DataTemplate)grdMapBase.Resources["maptip"]
};
reportLayer.MapTip.SetBinding(ContentControl.ContentProperty, new Binding());

Re: question regarding programmatically created graphicslayer & maptips

stefanschlaefli — Thu, 02 Dec 2010 11:50:42 GMT

Thanks Dominique. It works with the data template. Since I need multiple data attributes to be displayed I guess I need to work with a usercontrol. Can I define the usercontrol in the xaml of my mainpage or do I need to create and add a "proper" silverlight usercontrol with dependency properties and everything?

Re: question regarding programmatically created graphicslayer & maptips

DominiqueBroux — Thu, 02 Dec 2010 17:58:54 GMT

I am not sure what you mean by 'I need multiple data attributes to be displayed' but anyway both options are possible.

You can define the maptip in the XAML of the mainpage or you can create your own maptip user control (in another xaml file). With this last option, if needed, you might add dependency properties to your control.

Re: question regarding programmatically created graphicslayer & maptips

stefanschlaefli — Sat, 11 Dec 2021 10:57:11 GMT

Dominique

I mean I would like to display multiple data attributes (fields of a featurelayer) in the maptip. I created a simple usercontrol called myMapTip (in another xaml file).

<Border x:Name="bdBase" Background="CadetBlue">
    <StackPanel x:Name="stLabel">
        <TextBlock x:Name="tb" Text="{Binding [VALUE]}"/>     
    </StackPanel>
</Border>

Code behind looks like this:

 
public partial class MyMapTip : UserControl
    {
        public MyMapTip()
        {
            InitializeComponent();
            DataContext = this;
            tb.SetBinding(TextBlock.TextProperty,new System.Windows.Data.Binding{Source = this, Path = new PropertyPath("TipText")}); 
        }

        public static readonly DependencyProperty tbTextProperty = DependencyProperty.Register("Text", typeof(String), typeof(MyMapTip),null);

        public string TipText
        {
            get { return(string) GetValue(tbTextProperty); }
            set { SetValue(tbTextProperty, value); }
        }
        private static void Text_PropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e) { }
}

And the control is called like this:

reportLayer.OutFields.Add("VALUE");
FlareClusterer clusterer = new FlareClusterer();
reportLayer.Clusterer = clusterer;
MyMapTip mt = new MyMapTip();     
mt.TipText = "[VALUE]";
reportLayer.MapTip = mt;

It compiles, but the MapTip (in this case the content of the field "VALUE" in the featurelayer) is not displayed. What is wrong with the binding?

Thx again
Stefan

Re: question regarding programmatically created graphicslayer & maptips

DominiqueBroux — Sat, 11 Dec 2021 10:57:14 GMT

You don't need any binding,nor DP, nor datacontext initialization in your code.
Try this simple version:

 
public partial class MyMapTip : UserControl
    {
        public MyMapTip()
        {
            InitializeComponent();
        }
}

and call it like this: reportLayer.MapTip = new MyMapTip();

This should work : the binding is done in your XAML code and the initialization of the datacontext is done by the framework when the maptip opens up (the datacontext is set to the 'Attributes' property of the current graphic).

Re: question regarding programmatically created graphicslayer & maptips

stefanschlaefli — Mon, 06 Dec 2010 12:45:35 GMT

Ok, but when I try to make the Tool generic I need to change the binding from outside. That's why I created this dependency property, which sets the binding instead of the default field called "VALUE" to another featurelayer field. How would you do that?

Re: question regarding programmatically created graphicslayer & maptips

DominiqueBroux — Sat, 11 Dec 2021 10:57:17 GMT

Ahhh, yes, I think I eventually got it 🙂

Try this:

 
public partial class MyMapTip : UserControl
{
  public MyMapTip()
  {
    InitializeComponent();
  }
  public static readonly DependencyProperty TipTextProperty = DependencyProperty.Register("TipText", typeof(String),   typeof(MyMapTip), new PropertyMetadata(TipText_PropertyChangedCallback));
  public string TipText
  {
    get { return (string)GetValue(TipTextProperty); }
    set { SetValue(TipTextProperty, value); }
  }
  private static void TipText_PropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
  {
    MyMapTip myMapTip = d as MyMapTip;
    myMapTip.tb.SetBinding(TextBlock.TextProperty, new System.Windows.Data.Binding((string)e.NewValue));
  }
}

Re: question regarding programmatically created graphicslayer & maptips

stefanschlaefli — Tue, 07 Dec 2010 08:22:44 GMT

This works great 🙂
Merci Dominique

Re: question regarding programmatically created graphicslayer & maptips

DarkoRadiceski — Wed, 23 Mar 2011 13:38:39 GMT

Hi there,

I was wondering if any of those examples for programatically loading an geoRss feed and perhaps using a custom user control available? I am currently stuck loading a geoRss feed and i would like to show an image that is part of the feed together with a custom graphic.

Any advice on programatic reading of the georss.

Re: question regarding programmatically created graphicslayer & maptips

JenniferNery — Wed, 23 Mar 2011 15:45:52 GMT

Have you looked at this SDK sample? http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#GeoRSS

Re: question regarding programmatically created graphicslayer & maptips

JamilNawaz — Sat, 11 Dec 2021 10:57:19 GMT

Hi,

I read the post, and trying to following that. I have created a data template.
[HTML]<DataTemplate x:Key="maptip">
<Border esri:GraphicsLayer.MapTipHideDelay="0:0:0.5">
<StackPanel Orientation="Horizontal">
   <TextBlock VerticalAlignment="Center"
              FontSize="10"
              FontWeight="Bold"
              Foreground="Black"
              Text="Nombre: " />
   <TextBlock HorizontalAlignment="Left"
              VerticalAlignment="Center"
              FontSize="10"
              Foreground="Black"
              Text="{Binding [NOMBRE]}" />
</StackPanel>
</Border>
</DataTemplate>[/HTML]

Then using, the code to define the map tip and binding.

gl.MapTip = new ContentControl() { ContentTemplate = (DataTemplate)Application.Current.Resources["maptip"] };
gl.MapTip.SetBinding(ContentControl.ContentProperty, new Binding());

But data does not appear. How can I display the attributes data? I might need to define binding in different way.

Regards,
JAMIL