prs/prs.mobile.new/PRS.Mobile/Modules/Equipment/LiveMaps/LiveMaps.xaml

<?xml version="1.0" encoding="utf-8" ?>
<mobile:MobilePage xmlns:local="clr-namespace:PRS.Mobile" xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:maps="clr-namespace:Syncfusion.SfMaps.XForms;assembly=Syncfusion.SfMaps.XForms"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             x:Class="PRS.Mobile.LiveMaps"
             Title="Live Maps">

    <mobile:MobilePage.PrimaryMenu>
        <mobile:MobileMenuButton
            x:Name="_filter"
            Image="lines"
            Clicked="_filter_OnClicked"/>

    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
        <Grid 
            Margin="5">
            
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
                
            <mobile:MobileSearchBar
                x:Name="_search"
                Grid.Row="0"
                TextChanged="_search_OnTextChanged"/>
            
            <Frame
                Grid.Row="1" 
                CornerRadius="5"
                IsClippedToBounds="True"
                Margin="0"
                Padding="0"
                BorderColor="Gray"
                HasShadow="False">
                
                <maps:SfMaps x:Name="Map" BackgroundColor="White" VerticalOptions="Fill" HorizontalOptions="Fill"> 
                    <maps:SfMaps.Layers>
                        <maps:ImageryLayer x:Name="MapLayer">
                            
                            <maps:ImageryLayer.Sublayers>
                                
                                <maps:ShapeFileLayer x:Name="JobLayer">
                                    <maps:ShapeFileLayer.Markers />
                                    <maps:ShapeFileLayer.MarkerSettings>
                                        <maps:MapMarkerSetting 
                                            MarkerIcon="Diamond" 
                                            IconColor="Red" 
                                            LabelSize="8" 
                                            LabelColor="Firebrick" 
                                            IconSize="10"/>
                                    </maps:ShapeFileLayer.MarkerSettings>
                                </maps:ShapeFileLayer>
                                
                                <maps:ShapeFileLayer x:Name="EquipmentLayer">
                                    <maps:ShapeFileLayer.Markers />
                                    <maps:ShapeFileLayer.MarkerSettings>
                                        <maps:MapMarkerSetting 
                                            MarkerIcon="Circle"
                                            IconColor="Blue" 
                                            LabelSize="8" 
                                            LabelColor="DarkBlue" 
                                            IconSize="10"/>
                                    </maps:ShapeFileLayer.MarkerSettings>
                                </maps:ShapeFileLayer>
                                
                            </maps:ImageryLayer.Sublayers>
                        </maps:ImageryLayer>
                        
                    </maps:SfMaps.Layers>
                </maps:SfMaps>
            
            </Frame>
            <Frame
                Grid.Row="1"
                HorizontalOptions="End"
                VerticalOptions="End"
                HeightRequest="50"
                WidthRequest="50"
                CornerRadius="25"
                HasShadow="False"
                Margin="10"
                Padding="0"
                BorderColor="DimGray"
                BackgroundColor="Gray"
                IsClippedToBounds="True">
                <ImageButton Source="refresh" Clicked="Reset_Clicked" Margin="5"/>
            </Frame>
            
        </Grid>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>