// XAML Map Control - https://github.com/ClemensFischer/XAML-Map-Control // © 2019 Clemens Fischer // Licensed under the Microsoft Public License (Ms-PL) using System; #if WINDOWS_UWP using Windows.UI.Xaml; using Windows.UI.Xaml.Media; using Windows.UI.Xaml.Media.Animation; #else using System.Windows; using System.Windows.Media; using System.Windows.Media.Animation; #endif namespace MapControl { public interface IMapLayer : IMapElement { Brush MapBackground { get; } Brush MapForeground { get; } } /// /// The map control. Displays map content provided by one or more MapTileLayers or MapImageLayers. /// The visible map area is defined by the Center and ZoomLevel properties. /// The map can be rotated by an angle that is given by the Heading property. /// MapBase can contain map overlay child elements like other MapPanels or MapItemsControls. /// public partial class MapBase : MapPanel { private const double MaximumZoomLevel = 22d; public static readonly DependencyProperty MapLayerProperty = DependencyProperty.Register( nameof(MapLayer), typeof(UIElement), typeof(MapBase), new PropertyMetadata(null, (o, e) => ((MapBase)o).MapLayerPropertyChanged((UIElement)e.OldValue, (UIElement)e.NewValue))); public static readonly DependencyProperty MapProjectionProperty = DependencyProperty.Register( nameof(MapProjection), typeof(MapProjection), typeof(MapBase), new PropertyMetadata(null, (o, e) => ((MapBase)o).MapProjectionPropertyChanged())); public static readonly DependencyProperty ProjectionCenterProperty = DependencyProperty.Register( nameof(ProjectionCenter), typeof(Location), typeof(MapBase), new PropertyMetadata(null, (o, e) => ((MapBase)o).ProjectionCenterPropertyChanged())); public static readonly DependencyProperty MinZoomLevelProperty = DependencyProperty.Register( nameof(MinZoomLevel), typeof(double), typeof(MapBase), new PropertyMetadata(1d, (o, e) => ((MapBase)o).MinZoomLevelPropertyChanged((double)e.NewValue))); public static readonly DependencyProperty MaxZoomLevelProperty = DependencyProperty.Register( nameof(MaxZoomLevel), typeof(double), typeof(MapBase), new PropertyMetadata(19d, (o, e) => ((MapBase)o).MaxZoomLevelPropertyChanged((double)e.NewValue))); public static readonly DependencyProperty AnimationDurationProperty = DependencyProperty.Register( nameof(AnimationDuration), typeof(TimeSpan), typeof(MapBase), new PropertyMetadata(TimeSpan.FromSeconds(0.3))); public static readonly DependencyProperty AnimationEasingFunctionProperty = DependencyProperty.Register( nameof(AnimationEasingFunction), typeof(EasingFunctionBase), typeof(MapBase), new PropertyMetadata(new QuadraticEase { EasingMode = EasingMode.EaseOut })); public static readonly DependencyProperty TileFadeDurationProperty = DependencyProperty.Register( nameof(TileFadeDuration), typeof(TimeSpan), typeof(MapBase), new PropertyMetadata(Tile.FadeDuration, (o, e) => Tile.FadeDuration = (TimeSpan)e.NewValue)); private PointAnimation centerAnimation; private DoubleAnimation zoomLevelAnimation; private DoubleAnimation headingAnimation; private Location transformCenter; private Point viewportCenter; private double centerLongitude; private bool internalPropertyChange; /// /// Raised when the current viewport has changed. /// public event EventHandler ViewportChanged; /// /// Gets or sets the map foreground Brush. /// public Brush Foreground { get { return (Brush)GetValue(ForegroundProperty); } set { SetValue(ForegroundProperty, value); } } /// /// Gets or sets the base map layer, which is added as first element to the Children collection. /// If the layer implements IMapLayer (like MapTileLayer or MapImageLayer), its (non-null) MapBackground /// and MapForeground property values are used for the MapBase Background and Foreground properties. /// public UIElement MapLayer { get { return (UIElement)GetValue(MapLayerProperty); } set { SetValue(MapLayerProperty, value); } } /// /// Gets or sets the MapProjection used by the map control. /// public MapProjection MapProjection { get { return (MapProjection)GetValue(MapProjectionProperty); } set { SetValue(MapProjectionProperty, value); } } /// /// Gets or sets an optional center (reference point) for azimuthal projections. /// If ProjectionCenter is null, the Center property value will be used instead. /// public Location ProjectionCenter { get { return (Location)GetValue(ProjectionCenterProperty); } set { SetValue(ProjectionCenterProperty, value); } } /// /// Gets or sets the location of the center point of the map. /// public Location Center { get { return (Location)GetValue(CenterProperty); } set { SetValue(CenterProperty, value); } } /// /// Gets or sets the target value of a Center animation. /// public Location TargetCenter { get { return (Location)GetValue(TargetCenterProperty); } set { SetValue(TargetCenterProperty, value); } } /// /// Gets or sets the minimum value of the ZoomLevel and TargetZommLevel properties. /// Must be greater than or equal to zero and less than or equal to MaxZoomLevel. /// The default value is 1. /// public double MinZoomLevel { get { return (double)GetValue(MinZoomLevelProperty); } set { SetValue(MinZoomLevelProperty, value); } } /// /// Gets or sets the maximum value of the ZoomLevel and TargetZommLevel properties. /// Must be greater than or equal to MinZoomLevel and less than or equal to 20. /// The default value is 19. /// public double MaxZoomLevel { get { return (double)GetValue(MaxZoomLevelProperty); } set { SetValue(MaxZoomLevelProperty, value); } } /// /// Gets or sets the map zoom level. /// public double ZoomLevel { get { return (double)GetValue(ZoomLevelProperty); } set { SetValue(ZoomLevelProperty, value); } } /// /// Gets or sets the target value of a ZoomLevel animation. /// public double TargetZoomLevel { get { return (double)GetValue(TargetZoomLevelProperty); } set { SetValue(TargetZoomLevelProperty, value); } } /// /// Gets or sets the map heading, i.e. a clockwise rotation angle in degrees. /// public double Heading { get { return (double)GetValue(HeadingProperty); } set { SetValue(HeadingProperty, value); } } /// /// Gets or sets the target value of a Heading animation. /// public double TargetHeading { get { return (double)GetValue(TargetHeadingProperty); } set { SetValue(TargetHeadingProperty, value); } } /// /// Gets or sets the Duration of the Center, ZoomLevel and Heading animations. /// The default value is 0.3 seconds. /// public TimeSpan AnimationDuration { get { return (TimeSpan)GetValue(AnimationDurationProperty); } set { SetValue(AnimationDurationProperty, value); } } /// /// Gets or sets the EasingFunction of the Center, ZoomLevel and Heading animations. /// The default value is a QuadraticEase with EasingMode.EaseOut. /// public EasingFunctionBase AnimationEasingFunction { get { return (EasingFunctionBase)GetValue(AnimationEasingFunctionProperty); } set { SetValue(AnimationEasingFunctionProperty, value); } } /// /// Gets or sets the Duration of the Tile Opacity animation. /// The default value is 0.2 seconds. /// public TimeSpan TileFadeDuration { get { return (TimeSpan)GetValue(TileFadeDurationProperty); } set { SetValue(TileFadeDurationProperty, value); } } /// /// Gets the transformation from cartesian map coordinates to viewport coordinates (pixels). /// public MatrixTransform ViewportTransform { get; } = new MatrixTransform(); /// /// Gets the scaling transformation from meters to viewport coordinates at the Center location. /// public ScaleTransform ScaleTransform { get; } = new ScaleTransform(); /// /// Gets the transformation that rotates by the value of the Heading property. /// public RotateTransform RotateTransform { get; } = new RotateTransform(); /// /// Gets the combination of ScaleTransform and RotateTransform /// public TransformGroup ScaleRotateTransform { get; } = new TransformGroup(); /// /// Transforms a Location in geographic coordinates to a Point in viewport coordinates. /// public Point LocationToViewportPoint(Location location) { return MapProjection.LocationToViewportPoint(location); } /// /// Transforms a Point in viewport coordinates to a Location in geographic coordinates. /// public Location ViewportPointToLocation(Point point) { return MapProjection.ViewportPointToLocation(point); } /// /// Sets a temporary center point in viewport coordinates for scaling and rotation transformations. /// This center point is automatically reset when the Center property is set by application code. /// public void SetTransformCenter(Point center) { transformCenter = MapProjection.ViewportPointToLocation(center); viewportCenter = center; } /// /// Resets the temporary transform center point set by SetTransformCenter. /// public void ResetTransformCenter() { transformCenter = null; viewportCenter = new Point(RenderSize.Width / 2d, RenderSize.Height / 2d); } /// /// Changes the Center property according to the specified translation in viewport coordinates. /// public void TranslateMap(Vector translation) { if (transformCenter != null) { ResetTransformCenter(); UpdateTransform(); } if (translation.X != 0d || translation.Y != 0d) { Center = MapProjection.ViewportPointToLocation(viewportCenter - translation); } } /// /// Changes the Center, Heading and ZoomLevel properties according to the specified /// viewport coordinate translation, rotation and scale delta values. Rotation and scaling /// is performed relative to the specified center point in viewport coordinates. /// public void TransformMap(Point center, Vector translation, double rotation, double scale) { if (rotation != 0d || scale != 1d) { transformCenter = MapProjection.ViewportPointToLocation(center); viewportCenter = center + translation; if (rotation != 0d) { var heading = (((Heading + rotation) % 360d) + 360d) % 360d; SetValueInternal(HeadingProperty, heading); SetValueInternal(TargetHeadingProperty, heading); } if (scale != 1d) { var zoomLevel = Math.Min(Math.Max(ZoomLevel + Math.Log(scale, 2d), MinZoomLevel), MaxZoomLevel); SetValueInternal(ZoomLevelProperty, zoomLevel); SetValueInternal(TargetZoomLevelProperty, zoomLevel); } UpdateTransform(true); } else { TranslateMap(translation); // more precise } } /// /// Sets the value of the TargetZoomLevel property while retaining the specified center point /// in viewport coordinates. /// public void ZoomMap(Point center, double zoomLevel) { zoomLevel = Math.Min(Math.Max(zoomLevel, MinZoomLevel), MaxZoomLevel); if (TargetZoomLevel != zoomLevel) { SetTransformCenter(center); TargetZoomLevel = zoomLevel; } } /// /// Sets the TargetZoomLevel and TargetCenter properties so that the specified bounding box /// fits into the current viewport. The TargetHeading property is set to zero. /// public void ZoomToBounds(BoundingBox boundingBox) { var rect = MapProjection.BoundingBoxToRect(boundingBox); var center = new Point(rect.X + rect.Width / 2d, rect.Y + rect.Height / 2d); var scale = Math.Min(RenderSize.Width / rect.Width, RenderSize.Height / rect.Height) * MapProjection.TrueScale / MapProjection.PixelPerDegree; TargetZoomLevel = Math.Log(scale, 2d); TargetCenter = MapProjection.PointToLocation(center); TargetHeading = 0d; } private void MapLayerPropertyChanged(UIElement oldLayer, UIElement newLayer) { if (oldLayer != null) { Children.Remove(oldLayer); var mapLayer = oldLayer as IMapLayer; if (mapLayer != null) { if (mapLayer.MapBackground != null) { ClearValue(BackgroundProperty); } if (mapLayer.MapForeground != null) { ClearValue(ForegroundProperty); } } } if (newLayer != null) { Children.Insert(0, newLayer); var mapLayer = newLayer as IMapLayer; if (mapLayer != null) { if (mapLayer.MapBackground != null) { Background = mapLayer.MapBackground; } if (mapLayer.MapForeground != null) { Foreground = mapLayer.MapForeground; } } } } private void MapProjectionPropertyChanged() { ResetTransformCenter(); UpdateTransform(false, true); } private void ProjectionCenterPropertyChanged() { ResetTransformCenter(); UpdateTransform(); } private void AdjustCenterProperty(DependencyProperty property, ref Location center) { if (center == null) { center = new Location(); SetValueInternal(property, center); } else if (center.Longitude < -180d || center.Longitude > 180d || center.Latitude < -MapProjection.MaxLatitude || center.Latitude > MapProjection.MaxLatitude) { center = new Location( Math.Min(Math.Max(center.Latitude, -MapProjection.MaxLatitude), MapProjection.MaxLatitude), Location.NormalizeLongitude(center.Longitude)); SetValueInternal(property, center); } } private void CenterPropertyChanged(Location center) { if (!internalPropertyChange) { AdjustCenterProperty(CenterProperty, ref center); UpdateTransform(); if (centerAnimation == null) { SetValueInternal(TargetCenterProperty, center); } } } private void TargetCenterPropertyChanged(Location targetCenter) { if (!internalPropertyChange) { AdjustCenterProperty(TargetCenterProperty, ref targetCenter); if (!targetCenter.Equals(Center)) { var targetCenterLongitude = MapProjection.IsNormalCylindrical ? Location.NearestLongitude(targetCenter.Longitude, Center.Longitude) : targetCenter.Longitude; if (centerAnimation != null) { centerAnimation.Completed -= CenterAnimationCompleted; } centerAnimation = new PointAnimation { From = new Point(Center.Longitude, Center.Latitude), To = new Point(targetCenterLongitude, targetCenter.Latitude), Duration = AnimationDuration, EasingFunction = AnimationEasingFunction }; centerAnimation.Completed += CenterAnimationCompleted; this.BeginAnimation(CenterPointProperty, centerAnimation); } } } private void CenterAnimationCompleted(object sender, object e) { if (centerAnimation != null) { centerAnimation.Completed -= CenterAnimationCompleted; centerAnimation = null; this.BeginAnimation(CenterPointProperty, null); } } private void CenterPointPropertyChanged(Location center) { if (centerAnimation != null) { SetValueInternal(CenterProperty, center); UpdateTransform(); } } private void MinZoomLevelPropertyChanged(double minZoomLevel) { if (minZoomLevel < 0d || minZoomLevel > MaxZoomLevel) { minZoomLevel = Math.Min(Math.Max(minZoomLevel, 0d), MaxZoomLevel); SetValueInternal(MinZoomLevelProperty, minZoomLevel); } if (ZoomLevel < minZoomLevel) { ZoomLevel = minZoomLevel; } } private void MaxZoomLevelPropertyChanged(double maxZoomLevel) { if (maxZoomLevel < MinZoomLevel || maxZoomLevel > MaximumZoomLevel) { maxZoomLevel = Math.Min(Math.Max(maxZoomLevel, MinZoomLevel), MaximumZoomLevel); SetValueInternal(MaxZoomLevelProperty, maxZoomLevel); } if (ZoomLevel > maxZoomLevel) { ZoomLevel = maxZoomLevel; } } private void AdjustZoomLevelProperty(DependencyProperty property, ref double zoomLevel) { if (zoomLevel < MinZoomLevel || zoomLevel > MaxZoomLevel) { zoomLevel = Math.Min(Math.Max(zoomLevel, MinZoomLevel), MaxZoomLevel); SetValueInternal(property, zoomLevel); } } private void ZoomLevelPropertyChanged(double zoomLevel) { if (!internalPropertyChange) { AdjustZoomLevelProperty(ZoomLevelProperty, ref zoomLevel); UpdateTransform(); if (zoomLevelAnimation == null) { SetValueInternal(TargetZoomLevelProperty, zoomLevel); } } } private void TargetZoomLevelPropertyChanged(double targetZoomLevel) { if (!internalPropertyChange) { AdjustZoomLevelProperty(TargetZoomLevelProperty, ref targetZoomLevel); if (targetZoomLevel != ZoomLevel) { if (zoomLevelAnimation != null) { zoomLevelAnimation.Completed -= ZoomLevelAnimationCompleted; } zoomLevelAnimation = new DoubleAnimation { To = targetZoomLevel, Duration = AnimationDuration, EasingFunction = AnimationEasingFunction }; zoomLevelAnimation.Completed += ZoomLevelAnimationCompleted; this.BeginAnimation(ZoomLevelProperty, zoomLevelAnimation); } } } private void ZoomLevelAnimationCompleted(object sender, object e) { if (zoomLevelAnimation != null) { SetValueInternal(ZoomLevelProperty, TargetZoomLevel); UpdateTransform(true); zoomLevelAnimation.Completed -= ZoomLevelAnimationCompleted; zoomLevelAnimation = null; this.BeginAnimation(ZoomLevelProperty, null); } } private void AdjustHeadingProperty(DependencyProperty property, ref double heading) { if (heading < 0d || heading > 360d) { heading = ((heading % 360d) + 360d) % 360d; SetValueInternal(property, heading); } } private void HeadingPropertyChanged(double heading) { if (!internalPropertyChange) { AdjustHeadingProperty(HeadingProperty, ref heading); UpdateTransform(); if (headingAnimation == null) { SetValueInternal(TargetHeadingProperty, heading); } } } private void TargetHeadingPropertyChanged(double targetHeading) { if (!internalPropertyChange) { AdjustHeadingProperty(TargetHeadingProperty, ref targetHeading); if (targetHeading != Heading) { var delta = targetHeading - Heading; if (delta > 180d) { delta -= 360d; } else if (delta < -180d) { delta += 360d; } if (headingAnimation != null) { headingAnimation.Completed -= HeadingAnimationCompleted; } headingAnimation = new DoubleAnimation { By = delta, Duration = AnimationDuration, EasingFunction = AnimationEasingFunction }; headingAnimation.Completed += HeadingAnimationCompleted; this.BeginAnimation(HeadingProperty, headingAnimation); } } } private void HeadingAnimationCompleted(object sender, object e) { if (headingAnimation != null) { SetValueInternal(HeadingProperty, TargetHeading); UpdateTransform(); headingAnimation.Completed -= HeadingAnimationCompleted; headingAnimation = null; this.BeginAnimation(HeadingProperty, null); } } private void SetValueInternal(DependencyProperty property, object value) { internalPropertyChange = true; SetValue(property, value); internalPropertyChange = false; } private void UpdateTransform(bool resetTransformCenter = false, bool projectionChanged = false) { var projection = MapProjection; var center = transformCenter ?? Center; projection.SetViewportTransform(ProjectionCenter ?? Center, center, viewportCenter, ZoomLevel, Heading); if (transformCenter != null) { center = projection.ViewportPointToLocation(new Point(RenderSize.Width / 2d, RenderSize.Height / 2d)); center.Longitude = Location.NormalizeLongitude(center.Longitude); if (center.Latitude < -projection.MaxLatitude || center.Latitude > projection.MaxLatitude) { center.Latitude = Math.Min(Math.Max(center.Latitude, -projection.MaxLatitude), projection.MaxLatitude); resetTransformCenter = true; } SetValueInternal(CenterProperty, center); if (centerAnimation == null) { SetValueInternal(TargetCenterProperty, center); } if (resetTransformCenter) { ResetTransformCenter(); projection.SetViewportTransform(ProjectionCenter ?? center, center, viewportCenter, ZoomLevel, Heading); } } ViewportTransform.Matrix = projection.ViewportTransform; var scale = projection.GetMapScale(center); ScaleTransform.ScaleX = scale.X; ScaleTransform.ScaleY = scale.Y; RotateTransform.Angle = Heading; OnViewportChanged(new ViewportChangedEventArgs(projectionChanged, Center.Longitude - centerLongitude)); centerLongitude = Center.Longitude; } protected override void OnViewportChanged(ViewportChangedEventArgs e) { base.OnViewportChanged(e); ViewportChanged?.Invoke(this, e); } } }