- try framing the annotationview

Author: tuyen-vuduc

src/libs/Mapbox.Maui/Platforms/Android/ViewAnnotations/MapboxViewHandler.ViewAnnotations.cs

@@ -19,13 +19,22 @@ public void AddViewAnnotation(ViewAnnotationOptions options, DataTemplate dataTe
         }
 
         var xview = (View)dataTemplate.CreateContent();
-        xview.BindingContext = VirtualView is View xxview
-            ? xxview.BindingContext
-            : options;
-
-        var platformHandler = TemplateHelpers.GetHandler(xview, VirtualView.Handler.MauiContext);
-
-        mapView.ViewAnnotationManager.AddViewAnnotation(platformHandler.PlatformView, options.ToPlatform());
+        xview.Parent = VirtualView as Element;
+        xview.BindingContext = options;
+        xview.HeightRequest = options.Height ?? xview.HeightRequest;
+        xview.WidthRequest = options.Width ?? xview.WidthRequest;
+
+        var platformHandler = TemplateHelpers.GetHandler(
+            xview,
+            VirtualView.Handler.MauiContext);
+        platformHandler.PlatformView.LayoutParameters = new Android.Views.ViewGroup.LayoutParams(
+            (int) options.Width.Value.PointToPixel(),
+            (int)options.Height.Value.PointToPixel()
+        );
+
+        mapView.ViewAnnotationManager.AddViewAnnotation(
+            platformHandler.PlatformView,
+            options.ToPlatform());
     }
 
     public void RemoveAllViewAnnotations()

src/libs/Mapbox.Maui/Platforms/iOS/ViewAnnotations/MapboxViewHandler.ViewAnnotations.cs

@@ -20,13 +20,20 @@ public void AddViewAnnotation(ViewAnnotationOptions options, DataTemplate dataTe
         }
 
         var xview = (View)dataTemplate.CreateContent();
-        xview.BindingContext = VirtualView is View xxview
-            ? xxview.BindingContext
-            : options;
-
-        var platformHandler = TemplateHelpers.GetHandler(xview, VirtualView.Handler.MauiContext);
-
-        mapView.ViewAnnotations().AddWithAnnotation(options.ToPlatform(platformHandler.PlatformView));
+        xview.Parent = VirtualView as Element;
+        xview.BindingContext = options;
+        xview.HeightRequest = options.Height ?? xview.HeightRequest;
+        xview.WidthRequest = options.Width ?? xview.WidthRequest;
+
+        var platformHandler = TemplateHelpers.GetHandler(
+            xview,
+            VirtualView.Handler.MauiContext);
+
+        mapView
+            .ViewAnnotations()
+            .AddWithAnnotation(
+                options.ToPlatform(platformHandler.PlatformView)
+            );
     }
 
     public void RemoveAllViewAnnotations()

src/qs/MapboxMauiQs/Examples/MarkersAndCallouts/ViewAnnotations/64.ViewAnnotationWithPointAnnotation/ViewAnnotationWithPointAnnotationExample.cs

@@ -80,8 +80,8 @@ private void AddViewAnnotationAt(IPosition value)
         var options = new ViewAnnotationOptions
         {
             Geometry = new GeoJSON.Text.Geometry.Point(value),
-            Width = 128,
-            Height = 64,
+            Width = 144,
+            Height = 96,
             AssociatedFeatureId = Constants.markerId,
             AllowOverlap = false,
             Anchor = ViewAnnotationAnchor.Bottom,
@@ -105,11 +105,65 @@ private void AddPointAnnotationAt(IPosition value)
         pointAnnotationManager.AddAnnotations(pointAnnotation);
     }
 
-    class SimpleViewAnnodationView : Label
+    class SimpleViewAnnodationView : Grid
     {
         public SimpleViewAnnodationView()
         {
-            Text = "Simple";
+            RowDefinitions.Add(new RowDefinition
+            {
+                Height = 16,
+            });
+            RowDefinitions.Add(new RowDefinition
+            {
+                Height = 48,
+            });
+            RowDefinitions.Add(new RowDefinition
+            {
+                Height = 32,
+            });
+            BackgroundColor = Colors.Purple;
+
+            var label = new Label
+            {
+                TextColor = Colors.White,
+                FontSize = 10,
+                HorizontalOptions = LayoutOptions.Center,
+                VerticalOptions = LayoutOptions.Center,
+                Padding = new Thickness(24, 0),
+            };
+
+            label.SetBinding(Label.TextProperty, new Binding(nameof(ViewAnnotationOptions.Title)));
+
+            var btnClose = new Label()
+            {
+                Text = "X",
+                TextColor = Colors.Red,
+                FontSize = 12, 
+                Padding = new Thickness(2),
+                Margin = 4,
+                VerticalOptions = LayoutOptions.Start,
+                HorizontalOptions = LayoutOptions.End,
+            };
+            var btnSelect = new Label()
+            {
+                Text = "Select",
+                FontSize = 12,
+                TextColor = Colors.White,
+                BackgroundColor = Colors.BlueViolet,
+                Padding = new Thickness(12, 4),
+                Margin = 6,
+                VerticalOptions = LayoutOptions.Center,
+                HorizontalOptions = LayoutOptions.Center,
+            };
+
+            Add(label);
+            Add(btnClose);
+            Add(btnSelect);
+
+            Grid.SetRow(btnClose, 0);
+            Grid.SetRowSpan(btnClose, 2);
+            Grid.SetRow(label, 1);
+            Grid.SetRow(btnSelect, 2);
         }
     }