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.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-customize-the-appearance-of-a-map-shape-title-e4221.

MainWindow.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>