How to: Customize the Appearance of a Vector Element's Title

Aug 01, 2019

The following example demonstrates how to customize the map shape title.

To customize a title, do the following.

Create a ShapeTitleOptions object.
Specify the ShapeTitleOptions.Pattern and ShapeTitleOptions.Template properties.
Assign the object to the MapShapeBase.TitleOptions property of the map shape.
MainWindow.xaml

xaml

<dxm:ShapeTitleOptions x:Key="titleOptions" 
                       Pattern="{}{Name}" Visible="True">
    <dxm:ShapeTitleOptions.Template>
        <DataTemplate>
            <TextBlock Text="{Binding Text}"
                       Foreground="Blue" Margin="0,0,0,20"/>
        </DataTemplate>
    </dxm:ShapeTitleOptions.Template>
</dxm:ShapeTitleOptions>
                    <dxm:MapDot Location="51.507222, -0.1275" Size="10" Fill="Red" 
                                TitleOptions="{StaticResource titleOptions}">
                        <dxm:MapDot.Attributes>
                            <dxm:MapItemAttribute Name="Name" Value="London"/>
                        </dxm:MapDot.Attributes>
                    </dxm:MapDot>