inabox/inabox.wpf/DynamicGrid/Editors/AddressEditor/GeofenceEditor.xaml

<Window x:Class="InABox.Wpf.DynamicGrid.GeofenceEditor"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:local="clr-namespace:InABox.Wpf.DynamicGrid"
        xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
        xmlns:wpf="clr-namespace:InABox.Wpf"
        mc:Ignorable="d"
        Title="AddressEditorMap" WindowStartupLocation="CenterScreen" Height="800" Width="1200">
    <Grid>
        
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        
        <syncfusion:SfMap 
            x:Name="Map" 
            BorderBrush="Gray"
            BorderThickness="0.75" 
            ZoomLevel="18" 
            MinZoom="18"
            MaxZoom="18"
            EnableZoom="False"
            EnablePan="False"
            Grid.Row="0"
            Grid.Column="0"
            PreviewMouseUp="Map_OnPreviewMouseUp">
            
            <syncfusion:SfMap.Layers>
                <local:GoogleImageryLayer
                    x:Name="ImageryLayer"
                    Center="-31.95105, 115.85939"
                    Radius="11"
                    >
                    <syncfusion:ImageryLayer.SubShapeFileLayers>
                        <syncfusion:SubShapeFileLayer x:Name="ShapeLayer">
                            <syncfusion:SubShapeFileLayer.MapElements>
           
                                <syncfusion:MapPolygon 
                                    x:Name="Polygon" 
                                    Stroke="Firebrick" 
                                    StrokeThickness="0.75">
                                    <syncfusion:MapPolygon.Fill>
                                        <SolidColorBrush Color="Salmon" Opacity="0.5"/>     
                                    </syncfusion:MapPolygon.Fill>
                                </syncfusion:MapPolygon>
                                
                            </syncfusion:SubShapeFileLayer.MapElements>
                        </syncfusion:SubShapeFileLayer>
                    </syncfusion:ImageryLayer.SubShapeFileLayers>
                    
                </local:GoogleImageryLayer>
            </syncfusion:SfMap.Layers>
        </syncfusion:SfMap>
        
        <Border
            x:Name="SearchBar"
            VerticalAlignment="Top"
            Grid.Row="0"
            Grid.Column="0"
            Margin="5"
            Padding="5"
            Background="WhiteSmoke"
            CornerRadius="5" 
            Height="40">
            <DockPanel>
                
                <Button
                    x:Name="SearchAddress"
                    DockPanel.Dock="Right"
                    Margin="5,0,0,0"
                    Click="SearchAddress_Click"
                    Padding="2">
                    <Image Source="../../../Resources/go.png" />
                </Button>
                
                <TextBox
                    x:Name="PostCode"
                    DockPanel.Dock="Right"
                    Background="LightYellow"
                    Margin="5,0,0,0"
                    MinWidth="80"
                    VerticalContentAlignment="Center"
                    wpf:TextBoxUtils.Placeholder="Postcode" />
                
                <TextBox
                    x:Name="State"
                    DockPanel.Dock="Right"
                    Background="LightYellow"
                    Margin="5,0,0,0"
                    MinWidth="120"
                    VerticalContentAlignment="Center"
                    wpf:TextBoxUtils.Placeholder="State" />
                
                <TextBox
                    x:Name="City"
                    DockPanel.Dock="Right"
                    Background="LightYellow"
                    Margin="5,0,0,0"
                    MinWidth="200"
                    VerticalContentAlignment="Center"
                    wpf:TextBoxUtils.Placeholder="City" />
                
                <TextBox
                    x:Name="Street"
                    DockPanel.Dock="Left"
                    Background="LightYellow"
                    VerticalContentAlignment="Center"
                    wpf:TextBoxUtils.Placeholder="Street" />
            </DockPanel>
        </Border>
        
        <DockPanel 
            Margin="5" 
            VerticalAlignment="Bottom"
            Grid.Row="0"
            Grid.Column="0">
            
            <Button 
                x:Name="ZoomOut" 
                Height="50" 
                Width="50"
                Padding="5"
                Margin="5,0,0,0" 
                DockPanel.Dock="Right"
                Click="ZoomOut_OnClick">
                <Image Source="../../../Resources/zoomout.png" />
            </Button>
            
            <Button 
                x:Name="ZoomIn" 
                Height="50" 
                Width="50"
                Padding="5"
                Margin="5,0,0,0" 
                DockPanel.Dock="Right"
                Click="ZoomIn_OnClick">
                <Image Source="../../../Resources/zoomin.png" />
            </Button>
            
            <Button 
                x:Name="CloseEditor" 
                Height="50" 
                Width="50"
                Padding="5"
                Margin="0,0,5,0"
                DockPanel.Dock="Left"
                Click="CloseEditor_OnClick"
                Visibility="Collapsed">
                <Image Source="../../../Resources/tick.png" />
            </Button>
            
            <Button 
                x:Name="SetCoordinates" 
                Height="50" 
                Width="50"
                Padding="5"
                Margin="0,0,5,0"
                DockPanel.Dock="Left"
                Click="SetCoordinates_OnClick">
                <Image Source="../../../Resources/target.png" />
            </Button>
            
            <Button 
                x:Name="SetGeometry" 
                Height="50" 
                Width="50"
                Padding="5"
                Margin="0,0,5,0"
                DockPanel.Dock="Left"
                Click="SetGeometry_OnClick">
                <Image Source="../../../Resources/line.png" />
            </Button>
            
            <Button 
                x:Name="SetRadius" 
                Height="50" 
                Width="50"
                Padding="5"
                Margin="0,0,5,0"
                DockPanel.Dock="Left"
                Click="SetRadius_OnClick">
                <Image Source="../../../Resources/square.png" />
            </Button>
            
            <syncfusion:SfRangeSlider 
                x:Name="RadiusSlider"
                VerticalAlignment="Stretch"
                Margin="10"
                Minimum="0"
                Maximum="1000"
                TickFrequency="50"
                MinorTickFrequency="5"
                ThumbToolTipPrecision="0"
                Visibility="Collapsed"
                DockPanel.Dock="Left"/>
            
        </DockPanel>
        
    </Grid>
</Window>