Remove CanvasPanel

MapControl/Shared/MapPath.cs

@@ -71,8 +71,6 @@ namespace MapControl
 
         protected virtual void UpdateData()
         {
-            MapPanel.SetLocation(this, Location);
-
             if (parentMap != null && Location != null && Data != null)
             {
                 var matrix = parentMap.GetMapTransform(Location);
@@ -86,6 +84,8 @@ namespace MapControl
                     Data.Transform = new MatrixTransform { Matrix = matrix };
                 }
             }
+
+            MapPanel.SetLocation(this, Location);
         }
 
         #region Methods used only by derived classes MapPolyline, MapPolygon and MapMultiPolygon

MapControl/UWP/MapControl.UWP.csproj

@@ -230,9 +230,6 @@
     <Compile Include="..\WinUI\Animatable.WinUI.cs">
       <Link>Animatable.WinUI.cs</Link>
     </Compile>
-    <Compile Include="..\WinUI\CanvasPanel.cs">
-      <Link>CanvasPanel.cs</Link>
-    </Compile>
     <Compile Include="..\WinUI\GeoImage.WinUI.cs">
       <Link>GeoImage.WinUI.cs</Link>
     </Compile>

MapControl/WinUI/CanvasPanel.cs

@@ -1,48 +0,0 @@
-// XAML Map Control - https://github.com/ClemensFischer/XAML-Map-Control
-// Copyright © 2023 Clemens Fischer
-// Licensed under the Microsoft Public License (Ms-PL)
-
-using System.Linq;
-using Windows.Foundation;
-#if WINUI
-using Microsoft.UI.Xaml;
-using Microsoft.UI.Xaml.Controls;
-#elif UWP
-using Windows.UI.Xaml;
-using Windows.UI.Xaml.Controls;
-#endif
-
-namespace MapControl
-{
-    /// <summary>
-    /// Replacement for WinUI and UWP Canvas, which clips MapPath child elements.
-    /// </summary>
-    public class CanvasPanel : Panel
-    {
-        protected override Size MeasureOverride(Size availableSize)
-        {
-            availableSize = new Size(double.PositiveInfinity, double.PositiveInfinity);
-
-            foreach (var element in Children.OfType<UIElement>())
-            {
-                element.Measure(availableSize);
-            }
-
-            return new Size();
-        }
-
-        protected override Size ArrangeOverride(Size finalSize)
-        {
-            foreach (var element in Children.OfType<UIElement>())
-            {
-                var x = Canvas.GetLeft(element);
-                var y = Canvas.GetTop(element);
-                var size = MapPanel.GetDesiredSize(element);
-
-                element.Arrange(new Rect(x, y, size.Width, size.Height));
-            }
-
-            return finalSize;
-        }
-    }
-}

SampleApps/UniversalApp/MainPage.xaml

@@ -17,7 +17,7 @@
                 <Setter Property="Template">
                     <Setter.Value>
                         <ControlTemplate TargetType="map:MapItem">
-                            <map:CanvasPanel>
+                            <Canvas>
                                 <VisualStateManager.VisualStateGroups>
                                     <VisualStateGroup x:Name="CommonStates">
                                         <VisualState x:Name="Normal"/>
@@ -54,20 +54,12 @@
                                         </VisualState>
                                     </VisualStateGroup>
                                 </VisualStateManager.VisualStateGroups>
-                                <!-- Path with transformed Geometry -->
                                 <Path Fill="Red" Opacity="0.4" IsHitTestVisible="False">
                                     <Path.Data>
                                         <EllipseGeometry RadiusX="20" RadiusY="20"
                                                          Transform="{Binding MapTransform, RelativeSource={RelativeSource TemplatedParent}}"/>
                                     </Path.Data>
                                 </Path>
-                                <!-- MapPath with Location, requires CanvasPanel parent to avoid clipping -->
-                                <map:MapPath Stroke="Green" StrokeThickness="2" IsHitTestVisible="False"
-                                             Location="{TemplateBinding Location}">
-                                    <map:MapPath.Data>
-                                        <EllipseGeometry RadiusX="20" RadiusY="20"/>
-                                    </map:MapPath.Data>
-                                </map:MapPath>
                                 <Path x:Name="selectedPath" Fill="White" Opacity="0">
                                     <Path.Data>
                                         <EllipseGeometry RadiusX="12" RadiusY="12"/>
@@ -78,10 +70,8 @@
                                         <EllipseGeometry RadiusX="8" RadiusY="8"/>
                                     </Path.Data>
                                 </Path>
-                                <Grid Canvas.Left="15" Canvas.Top="-8">
+                                <TextBlock Margin="16,-9,0,0" Text="{Binding Name}"/>
-                                    <TextBlock Margin="2,0,2,0" Text="{Binding Name}"/>
+                            </Canvas>
-                                </Grid>
-                            </map:CanvasPanel>
                         </ControlTemplate>
                     </Setter.Value>
                 </Setter>

SampleApps/WinUiApp/MainWindow.xaml

@@ -24,7 +24,7 @@
                 <Setter Property="Template">
                     <Setter.Value>
                         <ControlTemplate TargetType="map:MapItem">
-                            <map:CanvasPanel>
+                            <Grid>
                                 <VisualStateManager.VisualStateGroups>
                                     <VisualStateGroup x:Name="CommonStates">
                                         <VisualState x:Name="Normal"/>
@@ -68,7 +68,7 @@
                                                          Transform="{Binding MapTransform, RelativeSource={RelativeSource TemplatedParent}}"/>
                                     </Path.Data>
                                 </Path>
-                                <!-- MapPath with Location, requires CanvasPanel parent to avoid clipping -->
+                                <!-- MapPath with Location -->
                                 <map:MapPath Stroke="Green" StrokeThickness="2" IsHitTestVisible="False"
                                              Location="{TemplateBinding Location}">
                                     <map:MapPath.Data>
@@ -85,10 +85,8 @@
                                         <EllipseGeometry RadiusX="8" RadiusY="8"/>
                                     </Path.Data>
                                 </Path>
-                                <Grid Canvas.Left="15" Canvas.Top="-8">
+                                <TextBlock Margin="16,-9,0,0" Text="{Binding Name}"/>
-                                    <TextBlock Margin="2,0,2,0" Text="{Binding Name}"/>
                             </Grid>
-                            </map:CanvasPanel>
                         </ControlTemplate>
                     </Setter.Value>
                 </Setter>

SampleApps/WpfApplication/MainWindow.xaml

@@ -77,9 +77,7 @@
                                         <EllipseGeometry RadiusX="8" RadiusY="8"/>
                                     </Path.Data>
                                 </Path>
-                                <Grid Canvas.Left="15" Canvas.Top="-8">
+                                <TextBlock Margin="16,-9,0,0" Text="{Binding Name}"/>
-                                    <TextBlock Margin="2,0" Text="{Binding Name}"/>
-                                </Grid>
                             </Canvas>
                         </ControlTemplate>
                     </Setter.Value>