Xamarin.Forms.Maps 如何让地图Pin标记默认展开消息弹窗无需点击

Xamarin.Forms 原生没有提供直接调用Pin弹窗的跨平台API，需要通过自定义渲染器分别适配Android和iOS平台实现，具体步骤如下：

1. 共享项目中定义自定义Map控件 #

新增继承自原生Map的自定义控件，添加自动展开弹窗的Pin绑定属性：

public class CustomMap : Map
{
    public static readonly BindableProperty AutoShowInfoWindowPinProperty = 
        BindableProperty.Create(nameof(AutoShowInfoWindowPin), typeof(Pin), typeof(CustomMap));

    public Pin AutoShowInfoWindowPin
    {
        get => (Pin)GetValue(AutoShowInfoWindowPinProperty);
        set => SetValue(AutoShowInfoWindowPinProperty, value);
    }
}

2. Android平台自定义渲染器实现 #

在Android项目中创建自定义渲染器，适配异步加载的Map实例：

[assembly: ExportRenderer(typeof(CustomMap), typeof(CustomMapRenderer))]
namespace YourProjectNamespace.Droid.Renderers
{
    public class CustomMapRenderer : MapRenderer, IOnMapReadyCallback
    {
        public CustomMapRenderer(Context context) : base(context) { }

        protected override void OnElementChanged(ElementChangedEventArgs<Map> e)
        {
            base.OnElementChanged(e);
            if (e.NewElement != null)
            {
                Control.GetMapAsync(this);
            }
        }

        public override void OnMapReady(GoogleMap googleMap)
        {
            base.OnMapReady(googleMap);
            if (Element is CustomMap customMap && customMap.AutoShowInfoWindowPin != null)
            {
                // 匹配对应Pin的原生Marker
                var targetMarker = googleMap.Markers.FirstOrDefault(m => 
                    m.Title == customMap.AutoShowInfoWindowPin.Label 
                    && m.Snippet == customMap.AutoShowInfoWindowPin.Address);
                targetMarker?.ShowInfoWindow();
            }
        }
    }
}

3. iOS平台自定义渲染器实现 #

在iOS项目中创建自定义渲染器，调用原生选中注解的接口：

[assembly: ExportRenderer(typeof(CustomMap), typeof(CustomMapRenderer))]
namespace YourProjectNamespace.iOS.Renderers
{
    public class CustomMapRenderer : MapRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<View> e)
        {
            base.OnElementChanged(e);
            if (e.NewElement is CustomMap customMap && Control is MKMapView nativeMap)
            {
                if (customMap.AutoShowInfoWindowPin != null)
                {
                    // 匹配对应Pin的原生Annotation
                    var targetAnnotation = nativeMap.Annotations.FirstOrDefault(a => 
                        a.Title == customMap.AutoShowInfoWindowPin.Label 
                        && a.Subtitle == customMap.AutoShowInfoWindowPin.Address);
                    if (targetAnnotation != null)
                    {
                        nativeMap.SelectAnnotation(targetAnnotation, true);
                    }
                }
            }
        }
    }
}

4. 页面调用示例 #

XAML声明 #

<ContentPage xmlns:local="clr-namespace:YourProjectNamespace">
    <local:CustomMap x:Name="MyMap">
        <local:CustomMap.Pins>
            <Pin x:Name="TargetPin" 
                 Label="目标地点" 
                 Address="具体地址描述" 
                 Position="39.9042,116.4074" />
        </local:CustomMap.Pins>
    </local:CustomMap>
</ContentPage>

后台代码赋值 #

public MapPage()
{
    InitializeComponent();
    // 绑定需要自动展开的Pin
    MyMap.AutoShowInfoWindowPin = TargetPin;
}

注意事项 #

• 如果存在多个Title、Address重复的Pin，建议给Pin新增唯一标识的附加属性用于匹配，避免定位错误
• 如果Pin是动态加载的，需要在Pin添加到Pins集合之后再给AutoShowInfoWindowPin赋值

内容的提问来源于stack exchange，提问作者Max951