nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Location of PictureMarkerSymbol vs MarkerSymbol

KeithNightlinger

As I zoom in and out of my application the PictureMarkerSymbol and the MarkerSymbol with the Image brush don't appear in its true location and as a user zooms out it gets farther and farther away.

I have set the offsetX and offsetY and when zoomed all the way in it shows where it is supposed to, but when zoomed out it moves it away.

In contrast the strobe marker symbol (from samples) shows exactly where it is supposed to, no matter the scale.

I have tried setting the ScaleTransform, but that wasn't it.

What am I missing? The issue is I have emergency vehicles appearing as though they are in completely different city and my users need to have an broad view of where all the vehicles are at.

Thanks in advance,

Keith

Vind meer berichten getagd met

Accepted answers

All comments

João_VictorCoelho

Can you just post your code?

KeithNightlinger

PictureMarker Symbol snippet

<esriSymbols:PictureMarkerSymbol x:Name="PoliceLeftPnt" Source="/Images/vehicles/policecarL.png" Width="40" Height="40" OffsetX="20" OffsetY="20"/>

Image Brush snippet
<ImageBrush ImageSource="/Images/vehicles/policecarL.png" x:Name="PoliceLeftImageBrush" />
            <esriSymbols:MarkerSymbol x:Name="PoliceLeft" OffsetX="20" OffsetY="20">
                <esriSymbols:MarkerSymbol.ControlTemplate>
                    <ControlTemplate>
                        <Grid RenderTransformOrigin="0.5,0.5" Width="80" Height="80" >
                            
                        <Ellipse x:Name="Element" Fill="{StaticResource PoliceLeftImageBrush}" Opacity="1" Width="40" Height="40">
                            <Ellipse.Stroke>
                                <SolidColorBrush />
                            </Ellipse.Stroke>
                                <Ellipse.RenderTransform>
                                    <ScaleTransform />
                                </Ellipse.RenderTransform>
                            </Ellipse>
                         </Grid>
                    </ControlTemplate>
                </esriSymbols:MarkerSymbol.ControlTemplate>
            </esriSymbols:MarkerSymbol>

JenniferNery

I tried both of your symbols and they look fine to me when I zoom in and out of the map, they are still located at the point where I placed them.

The only change I would add is in your PoliceLeft MarkerSymbol, the offsets need to be 40, to account for the Grid that contains the ImageBrush.

Below are two graphics located in Redlands and Moreno Valley. I used this as my street map: http://services.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer

<esri:Graphic Symbol="{StaticResource PoliceLeftPnt}">
 <esri:MapPoint X="-117.171952484027" Y="34.050984501128"/>
</esri:Graphic>
<esri:Graphic Symbol="{StaticResource PoliceLeft}">
 <esri:MapPoint X="-117.22672317423" Y="33.9176215942354"/>
</esri:Graphic>

KeithNightlinger

Thanks Jennifer, I made the offset change and restarted Visual Studio and the markers are appearing where they should. Not sure what happened there, but its working.

Keith

BjørnarSundsbø

Hi

I have pretty much the same problem, however, as I include a label (textblock) to the element, I can't set the offset to a fixed number of pixels. This is because the height and with of the label is dynamic. How can I do this in a dynamic way? I've tried RenderTransformOrigin and TranslateTransform with no apparent luck.

JenniferNery

Have you tried using TextSymbol instead?

BjørnarSundsbø

I can't use TextSymbol as I need to display an arrow pointing the direction a vehicle is driving, in addition to the text label.

JenniferNery

You can update the Offsets in code-behind:

 MarkerSymbol ms = this.LayoutRoot.Resources["MarkerSymbol"] as MarkerSymbol;
 ms.OffsetX = label.Length/2;
 ms.OffsetY = label.Length/2;

You can set them in relation to the label's length. Maybe do this on Graphic's AttributeValueChanged event?

or maybe use {Binding Attributes[label]} with a Converter that will calculate offset based on this value.

BjørnarSundsbø

The trouble with both those approaches is that I don't know the length (or tedious to calculate) of the label as it is a TextBlock, and can have any font size defined by the user. So the calculating the pixel width of characters to find out the width of the markerSymbol is quite complex. I then also have to include the width and height of the symbol (arrow) with margins etc, and add that to the logic of the converter, or whichever approach I use.

JenniferNery

Here's another solution. How about you create your own Renderer by implementing IRenderer?

When you implement GetSymbol(), you can set the MarkerSymbol's offsets before returning the symbol. http://help.arcgis.com/en/webapi/silverlight/apiref/ESRI.ArcGIS.Client~ESRI.ArcGIS.Client.IRenderer~GetSymbol.html

You can create the ControlTemplate based on the graphic.Attributes and maybe get the container that holds the arrow and TextBlock, to know its ActualHeight and ActualWidth. You can use these values to calculate the MarkerSymbol's Offsets.

http://msdn.microsoft.com/en-us/library/cc190359(v=VS.95).aspx
http://forums.silverlight.net/forums/t/115213.aspx

BrettFrahm_0-1762449355771.png

BjørnarSundsbø

I was thinking of that myself, though I was not sure how to get the ActualHeight and ActualWidth from the ControlTemplate after it's content has been populated from the attributes. I assume the IRenderer will come into effect each time an attribute changes, so the offset can be changed if any changes are made?

I'm looking into the links you sent me. It seems this is a thing more people would be interested in, and perhaps there could be a property on the MarkerSymbol for with an enum with the following values: Manual (uses manual offset values), CenterX (centers on the X axis), CenterY (centers on the Y axis), CenterBoth (center both X and Y). Pretty much like the SizeToContent property of a Window.

If the GraphicElement was not internal, I think I might have been able to bind the offsetX and Y to RelativeSource={RelativeSource AncestorType={x:Type GraphicElement}} and ActualHeight. Sadly, this is one more situation where I feel the API has too many internal members and types (in my humble opinion

)

I have a related question in Which layer do i Choose.

JenniferNery

Thank you for your feedback. I will be sure to share them with our team.

Another solution, which is probably more difficult but elegant, would be to create a custom control for your Arrow and TextBlock and override ArrangeOverride and MeasureOverride accordingly.

I will respond to the other thread 🙂

BjørnarSundsbø

The IRenderer was a wash. I was unable to attach the actual object to the ControlTemplate and initialize it with the datacontext. Hence, not able to get the width.

Using the Custom Control approach, Since anything I arrange inside of this control are children of the controltemplate. I tried to get the ancestor from the Custom Control, which naturally is the internal GraphicElement. I then use reflection to get the GraphicElement and it's Symbol property. If it is a MarkerSymbol, set the X and Y offset. It seems to work, though I haven't yet tried to change the text of the label to see if it repositions correctly.

Reflection adds an undesirable overhead, though it can be reduced by reflecting the type in a static constructor, and accessing the propertyInfos and such from ArrangeOverride. Hopefully this will not affect all the symbols on the layer (one long label causes all the other symbols to have the same offset). Will update on progress.

BjørnarSundsbø

If I have one graphics visible in the visible extent, it works as it should. If multiple graphics are in the view, the graphics are not offset properly, and I can see them all jump when I change the label on one graphic.

I assume the reason for this is that I use a SimpleRenderer for the layer, and it is the same instance of the MarkerSymbol used for all the Graphics. The offset applied to the Symbol is the last Graphic affected by the ArrangeOverride. I am curious in regards to any solution I apply here where no codebehind to duplicate the symbol or something similar will be affected by the dynamic offsett of the symbol (different offset for all graphics).

I suppose I could create a new IRenderer where I create a new Symbol based on the Symbol property of the renderer, and return it from GetSymbol()

JenniferNery

I have not tried this myself but I think this would work:

When building the Xaml string in GetSymbol(), instead of relying on DataContext Binding, you can get the actual attribute value for the given graphic.

Something like:

StringBuilder sb = new StringBuilder();
//more code here
sb.Append(string.Format("<TextBlock Text=\"{0}\"/>", graphic.Attributes["label"]));

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.