topic Re: Display Balloon Callout with text in ArcGIS Pro SDK Questions

Display Balloon Callout with text

BobTaylor — Mon, 10 Feb 2020 16:52:11 GMT

Hi, I have been able to find great examples of creating a balloon callout but I don't see how to add text to it (ProSnippets TextSymbols ). If i just want to add the text "Hello World" to the Balloon Callout example, how would i do that?

Thanks,

Bob

Re: Display Balloon Callout with text

UmaHarano — Sun, 12 Dec 2021 10:36:34 GMT

Hi Bob,

To label features of a layer, you have to use the SetLabelVisibility method.

Check out the TextSymbols sample. Specifically in the ApplyLabelFeatureLayerAsync method, notice how we get the layer's TextSymbol and change it to the Symbol we want (in your case the Balloon callout). You can simply call the SetLabelVisibility method and pass in true to label the layer.

 private Task ApplyLabelFeatureLayerAsync()
        {          
            return QueuedTask.Run(() =>
            {
                //Get the layer's definition
                var lyrDefn = SelectedLayer.GetDefinition() as CIMFeatureLayer;
                //Get the label classes - we need the first one
                var listLabelClasses = lyrDefn.LabelClasses.ToList();
                var theLabelClass = listLabelClasses.FirstOrDefault();
                //Place all labels horizontally
                theLabelClass.StandardLabelPlacementProperties.LineLabelPosition.Horizontal = true;
                //Set the label classes' symbol to the custom text symbol
                theLabelClass.TextSymbol.Symbol = SelectedTextStyle.Symbol;
                lyrDefn.LabelClasses = listLabelClasses.ToArray(); //Set the labelClasses back
                SelectedLayer.SetDefinition(lyrDefn);

                //set the label's visiblity
                if (IsLabelVisible)
                    (SelectedLayer as FeatureLayer).SetLabelVisibility(true);
            });
        }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Thanks

Uma

Re: Display Balloon Callout with text

BobTaylor — Mon, 10 Feb 2020 17:56:45 GMT

Thanks for your reply Uma. That’s not exactly what I am trying to accomplish though. Have a look at the following code snippets that I found on the esri site. When I call the AddGraphicToMap() it, of course, just adds a black dot the map at the specified point. I would like to add some text to the callout so that it looks like the below image.

public virtual Task

{

return mapView.AddOverlay(point, callOut.MakeSymbolReference());

});

}

Re: Display Balloon Callout with text

BobTaylor — Mon, 10 Feb 2020 18:59:13 GMT

Looks like the code sample was lost on the reply. See code below:

public virtual Task<CIMTextSymbol> CreateBalloonCalloutAsync()

{

return QueuedTask.Run<CIMTextSymbol>(() =>

{

//create a text symbol

var textSymbol = SymbolFactory.Instance.ConstructTextSymbol(ColorFactory.Instance.WhiteRGB, 11, "Corbel", "Regular");

var textGraphic = new CIMTextGraphic();

//A balloon callout

var balloonCallout = new CIMBalloonCallout();

//set the callout's style

balloonCallout.BalloonStyle = BalloonCalloutStyle.RoundedRectangle;

//Create a solid fill polygon symbol for the callout.

var polySymbol = SymbolFactory.Instance.ConstructPolygonSymbol(ColorFactory.Instance.BlackRGB, SimpleFillStyle.Solid);

//Set the callout's background to be the black polygon symbol

balloonCallout.BackgroundSymbol = polySymbol;

//margin inside the callout to place the text

balloonCallout.Margin = new CIMTextMargin

{

Left = 5,

Right = 5,

Bottom = 5,

Top = 5

};

//assign the callout to the text symbol's callout property

textSymbol.Callout = balloonCallout;

return textSymbol;

});

}

private IDisposable _graphic = null;

public async void AddGraphicToMap(MapPoint point)

{

// get the current mapview and point

var mapView = MapView.Active;

if (mapView == null)

return;

var myextent = mapView.Extent;

var callOut = await CreateBalloonCalloutAsync();

// add point graphic to the overlay at the center of the mapView

_graphic = await QueuedTask.Run(() =>

{

return mapView.AddOverlay(point, callOut.MakeSymbolReference());

});

}

Re: Display Balloon Callout with text

UmaHarano — Mon, 10 Feb 2020 19:59:15 GMT

You can use the "Text" property on the CIMTextGraphic:

var textGraphic = new CIMTextGraphic();
textGraphic.Text = "MyText";

Re: Display Balloon Callout with text

BobTaylor — Mon, 10 Feb 2020 20:07:16 GMT

The example code does not use the CIMTextGraphic class, only the CIMTextSymbol class which does not have a Text property. ( Sorry for leaving the textGraphic declare line in the above code which is not used )

Re: Display Balloon Callout with text

UmaHarano — Mon, 10 Feb 2020 20:41:47 GMT

To use graphics as overlays, here is a snippet:

Add overlay graphic with text