如何在.NET MAUI中绑定后台代码创建的Google Map控件

步骤1：修改Mapper.xaml，替换直接创建的Map控件为绑定 #

将XAML中直接声明的Map控件替换为绑定后台的GoogleMapper属性，同时确保页面的BindingContext指向自身以生效绑定：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:maps="clr-namespace:Microsoft.Maui.Controls.Maps;assembly=Microsoft.Maui.Controls.Maps"
             x:Class="YourAppNamespace.Mapper"
             BindingContext="{Binding RelativeSource={RelativeSource Self}}">
    <!-- 绑定后台预先初始化的Map实例 -->
    <ContentControl Content="{Binding GoogleMapper}" />
</ContentPage>

步骤2：在后台代码初始化带指定区域的Map实例 #

在Mapper.xaml.cs中创建可绑定的GoogleMapper属性，在构造函数里直接初始化带有目标区域的Map对象，让地图启动时直接加载该区域，消除切换延迟。

方式1：使用CommunityToolkit.Mvvm（推荐，简化属性变更通知）

先安装CommunityToolkit.Mvvm NuGet包：

Install-Package CommunityToolkit.Mvvm

后台代码：

using Microsoft.Maui.Controls.Maps;
using CommunityToolkit.Mvvm.ComponentModel;

namespace YourAppNamespace;

public partial class Mapper : ContentPage
{
    // 自动生成可绑定属性和变更通知逻辑
    [ObservableProperty]
    private Map _googleMapper;

    public Mapper()
    {
        InitializeComponent();
        
        // 定义初始区域（替换为你的目标坐标，示例为旧金山）
        var initialRegion = MapSpan.FromCenterAndRadius(
            new Location(37.7749, -122.4194), 
            Distance.FromMiles(5));
        
        // 初始化带指定区域的Map实例
        GoogleMapper = new Map(initialRegion);
        
        // 可在此添加额外配置：标记、地图样式、交互设置等
    }
}

方式2：手动实现INotifyPropertyChanged

如果不使用CommunityToolkit，手动实现属性变更通知：

using Microsoft.Maui.Controls.Maps;
using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace YourAppNamespace;

public class Mapper : ContentPage, INotifyPropertyChanged
{
    private Map _googleMapper;
    public Map GoogleMapper
    {
        get => _googleMapper;
        set
        {
            if (_googleMapper != value)
            {
                _googleMapper = value;
                OnPropertyChanged();
            }
        }
    }

    public Mapper()
    {
        InitializeComponent();
        BindingContext = this;
        
        var initialRegion = MapSpan.FromCenterAndRadius(
            new Location(37.7749, -122.4194), 
            Distance.FromMiles(5));
        
        GoogleMapper = new Map(initialRegion);
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

原理说明 #

直接在后台构造函数中初始化带有指定区域的Map实例，绑定后地图控件会直接加载该区域，避免了XAML先创建空白地图、再通过代码切换区域的两步操作，彻底消除启动时的区域切换延迟。

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