mirror of
https://github.com/ClemensFischer/XAML-Map-Control.git
synced 2025-12-06 07:12:04 +01:00
225 lines
13 KiB
XML
225 lines
13 KiB
XML
<Window x:Class="WpfCoreApp.MainWindow"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:map="clr-namespace:MapControl;assembly=MapControl.WPF"
|
|
xmlns:vm="clr-namespace:ViewModel"
|
|
xmlns:local="clr-namespace:WpfCoreApp"
|
|
mc:Ignorable="d"
|
|
Title="XAML MapControl - WPF .NET Core 3.0 Test Application" Height="600" Width="800">
|
|
<Window.Resources>
|
|
<local:LocationToVisibilityConverter x:Key="LocationToVisibilityConverter"/>
|
|
|
|
<DataTemplate x:Key="PolylineItemTemplate">
|
|
<map:MapPolyline Locations="{Binding Locations}" Stroke="Red" StrokeThickness="3"/>
|
|
</DataTemplate>
|
|
|
|
<Style x:Key="PolylineItemStyle" TargetType="map:MapItem">
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="map:MapItem">
|
|
<map:MapPolyline Locations="{Binding Locations}" Stroke="Red" StrokeThickness="3"/>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<Style x:Key="PointItemStyle" TargetType="map:MapItem">
|
|
<!--<EventSetter Event="TouchDown" Handler="MapItemTouchDown"/>-->
|
|
<Setter Property="map:MapPanel.Location" Value="{Binding Location}"/>
|
|
<Setter Property="Foreground" Value="Black"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="map:MapItem">
|
|
<Canvas>
|
|
<VisualStateManager.VisualStateGroups>
|
|
<VisualStateGroup x:Name="CommonStates">
|
|
<VisualState x:Name="Normal"/>
|
|
<VisualState x:Name="Disabled"/>
|
|
<VisualState x:Name="MouseOver">
|
|
<Storyboard>
|
|
<DoubleAnimation Storyboard.TargetName="labelBackground" Storyboard.TargetProperty="Opacity" To="0.7" Duration="0:0:0.1"/>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
<VisualStateGroup x:Name="SelectionStates">
|
|
<VisualState x:Name="Unselected"/>
|
|
<VisualState x:Name="Selected">
|
|
<Storyboard>
|
|
<DoubleAnimation Storyboard.TargetName="selectedPath" Storyboard.TargetProperty="Opacity" To="0.7" Duration="0:0:0.1"/>
|
|
</Storyboard>
|
|
</VisualState>
|
|
</VisualStateGroup>
|
|
</VisualStateManager.VisualStateGroups>
|
|
<Path x:Name="selectedPath" Fill="White" Opacity="0">
|
|
<Path.Data>
|
|
<EllipseGeometry RadiusX="15" RadiusY="15"/>
|
|
</Path.Data>
|
|
</Path>
|
|
<Path StrokeThickness="2" Fill="Transparent">
|
|
<Path.Stroke>
|
|
<SolidColorBrush Color="Gray"/>
|
|
</Path.Stroke>
|
|
<Path.Data>
|
|
<EllipseGeometry RadiusX="8" RadiusY="8"/>
|
|
</Path.Data>
|
|
</Path>
|
|
<Grid Canvas.Left="15" Canvas.Top="-8">
|
|
<Rectangle x:Name="labelBackground" Fill="White" Opacity="0"/>
|
|
<local:OutlinedText Margin="1" OutlineThickness="1.5" Text="{Binding Name}"/>
|
|
</Grid>
|
|
</Canvas>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Style.Triggers>
|
|
<Trigger Property="IsSelected" Value="True">
|
|
<Setter Property="Panel.ZIndex" Value="1"/>
|
|
</Trigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
|
|
<Style x:Key="PushpinItemStyle" TargetType="map:MapItem">
|
|
<EventSetter Event="TouchDown" Handler="MapItemTouchDown"/>
|
|
<Setter Property="map:MapPanel.Location" Value="{Binding Location}"/>
|
|
<Setter Property="VerticalAlignment" Value="Bottom"/>
|
|
<Setter Property="Foreground" Value="Black"/>
|
|
<Setter Property="Visibility">
|
|
<Setter.Value>
|
|
<MultiBinding Converter="{StaticResource LocationToVisibilityConverter}">
|
|
<Binding Path="(map:MapPanel.ParentMap)" RelativeSource="{RelativeSource Self}"/>
|
|
<Binding Path="(map:MapPanel.ViewportPosition)" RelativeSource="{RelativeSource Self}"/>
|
|
</MultiBinding>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="map:MapItem">
|
|
<map:Pushpin Content="{Binding Name}" Foreground="{TemplateBinding Foreground}"/>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Style.Triggers>
|
|
<Trigger Property="IsSelected" Value="True">
|
|
<Setter Property="Panel.ZIndex" Value="1"/>
|
|
<Setter Property="Foreground" Value="OrangeRed"/>
|
|
</Trigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
|
|
<map:WebMercatorProjection x:Key="WebMercatorProjection"/>
|
|
<map:WorldMercatorProjection x:Key="WorldMercatorProjection"/>
|
|
<map:EquirectangularProjection x:Key="EquirectangularProjection"/>
|
|
<map:OrthographicProjection x:Key="OrthographicProjection"/>
|
|
<map:GnomonicProjection x:Key="GnomonicProjection"/>
|
|
<map:StereographicProjection x:Key="StereographicProjection"/>
|
|
</Window.Resources>
|
|
|
|
<Window.DataContext>
|
|
<vm:MapViewModel/>
|
|
</Window.DataContext>
|
|
|
|
<Grid>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition/>
|
|
<RowDefinition Height="Auto"/>
|
|
</Grid.RowDefinitions>
|
|
<map:Map x:Name="map" ZoomLevel="11" MaxZoomLevel="21"
|
|
Center="{Binding MapCenter}"
|
|
MapLayer="{Binding MapLayers.CurrentMapLayer}"
|
|
MapProjection="{Binding SelectedValue, ElementName=projectionComboBox,
|
|
FallbackValue={StaticResource WebMercatorProjection},
|
|
TargetNullValue={StaticResource WebMercatorProjection}}"
|
|
MouseLeftButtonDown="MapMouseLeftButtonDown"
|
|
MouseRightButtonDown="MapMouseRightButtonDown"
|
|
MouseMove="MapMouseMove" MouseLeave="MapMouseLeave"
|
|
ManipulationInertiaStarting="MapManipulationInertiaStarting">
|
|
|
|
<Image x:Name="mapImage" Source="10_535_330.jpg" Opacity="0.5" Stretch="Fill"
|
|
map:MapPanel.BoundingBox="53.54031,8.08594,53.74871,8.43750"/>
|
|
|
|
<map:MapGraticule x:Name="mapGraticule" Opacity="0.6"/>
|
|
<map:MapScale HorizontalAlignment="Left" VerticalAlignment="Bottom"/>
|
|
|
|
<!-- use ItemTemplate or ItemContainerStyle alternatively -->
|
|
<map:MapItemsControl ItemsSource="{Binding Polylines}"
|
|
ItemTemplate="{StaticResource PolylineItemTemplate}"/>
|
|
<!--<map:MapItemsControl ItemsSource="{Binding Polylines}"
|
|
ItemContainerStyle="{StaticResource PolylineItemStyle}"/>-->
|
|
|
|
<map:MapItemsControl ItemsSource="{Binding Points}"
|
|
ItemContainerStyle="{StaticResource PointItemStyle}"
|
|
SelectionMode="Extended"/>
|
|
|
|
<map:MapItemsControl ItemsSource="{Binding Pushpins}"
|
|
ItemContainerStyle="{StaticResource PushpinItemStyle}"/>
|
|
|
|
<map:Pushpin map:MapPanel.Location="65,-18" Content="Iceland"/>
|
|
<map:Pushpin map:MapPanel.Location="71,25" Content="Norway"/>
|
|
<map:Pushpin map:MapPanel.Location="35,33" Content="Cyprus"/>
|
|
<map:Pushpin map:MapPanel.Location="28.25,-16.5" Content="Tenerife"/>
|
|
|
|
<Path map:MapPanel.Location="53.5,8.2" Stroke="Blue" StrokeThickness="3" Fill="#1F007F00">
|
|
<Path.Data>
|
|
<EllipseGeometry RadiusX="1852" RadiusY="1852" Transform="{Binding ScaleRotateTransform, ElementName=map}"/>
|
|
</Path.Data>
|
|
</Path>
|
|
|
|
<map:Pushpin map:MapPanel.Location="53.5,8.2" Background="Yellow" Foreground="Blue" Content="N 53°30' E 8°12'">
|
|
<map:Pushpin.Visibility>
|
|
<MultiBinding Converter="{StaticResource LocationToVisibilityConverter}">
|
|
<Binding Path="(map:MapPanel.ParentMap)" RelativeSource="{RelativeSource Self}"/>
|
|
<Binding Path="(map:MapPanel.ViewportPosition)" RelativeSource="{RelativeSource Self}"/>
|
|
</MultiBinding>
|
|
</map:Pushpin.Visibility>
|
|
</map:Pushpin>
|
|
</map:Map>
|
|
|
|
<Border HorizontalAlignment="Right" VerticalAlignment="Bottom" Background="#7FFFFFFF">
|
|
<TextBlock Margin="2" FontSize="10" map:HyperlinkText.InlinesSource="{Binding MapLayer.Description, ElementName=map}"/>
|
|
</Border>
|
|
|
|
<Grid Grid.Row="1">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition/>
|
|
<ColumnDefinition Width="Auto"/>
|
|
</Grid.ColumnDefinitions>
|
|
<TextBlock x:Name="mouseLocation" Margin="5" VerticalAlignment="Bottom" FontFamily="Segoe UI Mono"/>
|
|
<StackPanel Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Right">
|
|
<StackPanel Margin="5">
|
|
<TextBlock Text="Zoom Level" Margin="0,0,0,2" HorizontalAlignment="Center" Foreground="Gray" FontSize="10"/>
|
|
<Slider ToolTip="Zoom Level" Width="100" VerticalAlignment="Center" SmallChange="0.01"
|
|
Minimum="{Binding MinZoomLevel, ElementName=map}"
|
|
Maximum="{Binding MaxZoomLevel, ElementName=map}"
|
|
Value="{Binding TargetZoomLevel, ElementName=map}"/>
|
|
</StackPanel>
|
|
<StackPanel Margin="5">
|
|
<TextBlock Text="Heading" Margin="0,0,0,2" HorizontalAlignment="Center" Foreground="Gray" FontSize="10"/>
|
|
<Slider ToolTip="Heading" Width="100" VerticalAlignment="Center" SmallChange="5" LargeChange="45"
|
|
Minimum="0" Maximum="360" Value="{Binding TargetHeading, ElementName=map}"/>
|
|
</StackPanel>
|
|
<StackPanel Margin="5">
|
|
<TextBlock Text="Image Opacity" Margin="0,0,0,2" HorizontalAlignment="Center" Foreground="Gray" FontSize="10"/>
|
|
<Slider ToolTip="Image Opacity" Width="100" VerticalAlignment="Center"
|
|
Minimum="0" Maximum="1" Value="{Binding Opacity, ElementName=mapImage}"/>
|
|
</StackPanel>
|
|
<CheckBox ToolTip="Seamarks Overlay" Margin="7" VerticalAlignment="Bottom" Content="Seamarks"
|
|
Checked="SeamarksChecked" Unchecked="SeamarksUnchecked"/>
|
|
<ComboBox ToolTip="Map Layer" Width="200" Margin="5" VerticalAlignment="Bottom"
|
|
ItemsSource="{Binding MapLayers.MapLayerNames}"
|
|
SelectedItem="{Binding MapLayers.CurrentMapLayerName}"/>
|
|
<ComboBox x:Name="projectionComboBox" ToolTip="Map Projection" Width="120" Margin="5" VerticalAlignment="Bottom"
|
|
SelectedValuePath="Tag" SelectedIndex="0">
|
|
<ComboBoxItem Content="Web Mercator" Tag="{StaticResource WebMercatorProjection}"/>
|
|
<ComboBoxItem Content="World Mercator" Tag="{StaticResource WorldMercatorProjection}"/>
|
|
<ComboBoxItem Content="Equirectangular" Tag="{StaticResource EquirectangularProjection}"/>
|
|
<ComboBoxItem Content="Orthographic" Tag="{StaticResource OrthographicProjection}"/>
|
|
<ComboBoxItem Content="Gnomonic" Tag="{StaticResource GnomonicProjection}"/>
|
|
<ComboBoxItem Content="Stereographic" Tag="{StaticResource StereographicProjection}"/>
|
|
</ComboBox>
|
|
</StackPanel>
|
|
</Grid>
|
|
</Grid>
|
|
</Window>
|