Text Label Placement Issues with PictureSymbols

JimFiddes

I'm trying to display graphics within a GraphicsOverlay and I can't seem to get my label to appear off of the symbol. I have read that the xoffset doesn't work within an attribute label class; however, how is one to display a multi-line label next to a "pin" symbol. Below is a picture example of how it currently looks and I have added a section of code showing the construction of the layer and label.

**************Code Example**************

var pictureUri = new Uri("http://static.arcgis.com/images/Symbols/Shapes/RedPin1LargeB.png");

await matchSym.SetSourceAsync(pictureUri);

//create a simple top level renderer

var simpleRenderer = new SimpleRenderer { Symbol = matchSym };

_inspectionResultsLayer = new GraphicsOverlay

{

  ID = GraphicLayerName,

  Labeling = { IsEnabled = true },

  Renderer = simpleRenderer

};

// create a new TextSymbol for displaying graphic labels

var labelSym = new TextSymbol

{

  Font = new SymbolFont

    ("Arial",

    12.0,

    SymbolFontStyle.Normal,

    SymbolTextDecoration.None,

    SymbolFontWeight.Bold),

  Color = Colors.Black,

  BorderLineColor = Colors.LightGray,

  BorderLineSize = 1,

  AngleAlignment = MarkerAngleAlignment.Map,

  HorizontalTextAlignment = HorizontalTextAlignment.Left,

};

// create a new LabelClass

var attributeLabelClass = new AttributeLabelClass

{

  Symbol = labelSym,

  TextExpression = "[Title] CONCAT NEWLINE CONCAT [Address]",

  LabelPlacement = LabelPlacement.PointAboveRight,

};

_inspectionResultsLayer.Labeling.LabelClasses.Add(attributeLabelClass);

MainMapMapView.GraphicsOverlays.Add(_inspectionResultsLayer);

MichaelBranscomb

Hi,

I think the issue is just the order in which you create the symbol, the symbol is rendered and the label position is calculated. In order for the label algorithm to correctly calculate the offset to avoid overlapping the symbol, it needs to know the rendered size of the symbol. You don't include the code where the PictureMarkerSymbol is actually declared, so it's unknown if you are explicitly setting the width/height of the symbol, but you should do this as good practice. In the code example above the symbol is not downloaded and rendered until after the label position is calculated and therefore it overlaps. If the code is rewritten slightly so that the rendered symbol size is known in advance then the label does not overlap.

I hope that resolves your question, but if not please don't hesitate to ask for more info.

Cheers

Mike