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="19" 
            MinZoom="19"
            MaxZoom="19"
            EnableZoom="False"
            EnablePan="False"
            Grid.Row="0"
            Grid.Column="0"
            MouseUp="Map_OnMouseUp">
            
            <!-- <syncfusion:SfMap.Layers> -->
            <!--     <local:GoogleImageryLayer -->
            <!--         Type="Satellite" -->
            <!--         x:Name="ImageryLayer" -->
            <!--         Center="-31.95105, 115.85939" -->
            <!--         Radius="10" -->
            <!--         > -->
            <!--         <syncfusion:ImageryLayer.SubShapeFileLayers> -->
            <!--             <syncfusion:SubShapeFileLayer x:Name="subLayer"> -->
            <!--                 <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"
            Grid.Row="0"
            Grid.Column="0"
            HorizontalAlignment="Stretch"
            VerticalAlignment="Top"
            Margin="10,10,10,0"
            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 
            VerticalAlignment="Bottom" 
            HorizontalAlignment="Stretch"
            Margin="10,0,10,10" 
            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="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>