Adding IntersectionAction and SmartLabelMode to MapMarker Label

[Jonty Stephan]

Currently there are IntersectionAction and SmartLabelMode properties on DataLabels via the DataLabelSetting for SfMaps.

Please can you let me know how to implement the IntersectionAction and SmartLabelMode properties for the MapMarker Label? 

At the moment MapMarker Label text intersect with one another causing an overlap of text. This is unreadable on the map which is a problem.

[Ramya Soundar Rajan]

Hi Jonty Stephan, 

 

You can achieve this requirement by adding custom marker using MarkerTemplate property. Using the MarkerTemplate, you can define custom marker by adding Label with property LineBreakMode property to avoid overlapping.  

 

Please refer the below link for more information. 

 

https://www.syncfusion.com/kb/11372/how-to-add-different-style-marker-pins-to-xamarin-forms-maps-sfmaps 

https://help.syncfusion.com/xamarin/maps/markers#add-custom-marker 

 

Regards, 

Ramya S 

[Jonty Stephan]

Hi Ramya,

Please can you provide an example of the custom marker with Label(s) utilizing the LineBreakMode property?

[Ramya Soundar Rajan]

Hi Jonty Stephan, 

 

We prepared a sample based on your requirement. Please refer the sample from below location. 

 

Code snippet: 

 

  

              … 

 

<maps:ShapeFileLayer.MarkerTemplate> 

 

                    <DataTemplate > 

                        <StackLayout IsClippedToBounds="false" Orientation="Horizontal" 

                         HorizontalOptions="StartAndExpand" 

                         VerticalOptions="Center" 

                         HeightRequest="30"> 

 

                          … 

 

                            <Label Text="{Binding MarkerText}" TextColor="Red" FontSize="8" WidthRequest="15" LineBreakMode="CharacterWrap"/> 

                        </StackLayout> 

 

                    </DataTemplate> 

 

                </maps:ShapeFileLayer.MarkerTemplate>              

                       … 

 

 

Sample Link: https://www.syncfusion.com/downloads/support/forum/157711/ze/Maps_MarkerSample1006347390 

 

We would like to let you know that you can trim, wrap and truncate using the Label LineBreakMode property. Please refer the below link for more information. 

 

https://docs.microsoft.com/en-us/dotnet/api/xamarin.forms.linebreakmode?view=xamarin-forms 

 

You can also change the template style more the marker using the DataTemplateSelector. Please refer the below KB link. 

 

https://www.syncfusion.com/kb/11372/how-to-add-different-style-marker-pins-to-xamarin-forms-maps-sfmaps 

 

Regards, 

Ramya S