Displaying custom markers on an OpenStreetMap map

[James Lavery]

Hi,

I need to display a list of markers on an SfMaps control, with the markers defined in a List - i.e. have an ItemsSource for the Layer.

However, it seems that ItemsSource is only available for a ShapeFileLayer.

How can I have a List of items displayed on an ImageryLayer? I need to create a custom Marker with bound properties - the attributes of the marker being bound to the Item's properties (to display wind speed and direction at the location).

Regards,

James

[Bharathiraja K]

Hi James, 

 

Greetings from Syncfusion. ShapeFileLayers’s ItemsSource property is used to bound the data to the shape file. You can add the custom marker in a Markers collection and bind the properties using MarkerTemplate as like the below code snippet. 

 

[XAML]: 

 

<maps:ImageryLayer Markers="{Binding CustomMarkers}"> 

                

                <maps:ImageryLayer.MarkerTemplate> 

                    <DataTemplate> 

                        <StackLayout Orientation="Horizontal"> 

                        <Image Source="{Binding ImageName}" Scale="1"  

                               Aspect="AspectFit " HorizontalOptions="StartAndExpand" VerticalOptions="Center"  

                               HeightRequest="15" WidthRequest="23" /> 

                        <Label Text="{Binding Label}"/> 

                        </StackLayout> 

                    </DataTemplate> 

                </maps:ImageryLayer.MarkerTemplate> 

                 

</maps:ImageryLayer> 

 

 

Please find the sample for your reference. 

 

http://www.syncfusion.com/downloads/support/forum/145297/ze/MapMarker_Collection_OSM1428419729 

 

Refer the following help document link for to know more about Markers. 

https://help.syncfusion.com/xamarin/sfmaps/markers 

 

Regards, 

Bharathi.  

[James Lavery]

Thank you - that's exactly what I needed!

Regards,

James

[Rachel A]

Hi James, 

 

Thanks for your feedback. 

 

Regards, 

Rachel.