You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

.NET MAUI Maps:多标记点Location数据绑定异常问题

问题原因

错误XFC0009的核心原因是:sensors:Location的Latitude和Longitude是普通CLR属性,并非可绑定属性(未继承BindableObject或注册BindableProperty),因此无法通过{Binding}语法绑定数据。

你之前硬编码能正常显示,是因为直接给Location的属性赋值而非绑定;而Pin的Address、Label能正常绑定,是因为这些是Pin类的可绑定属性。

解决方案

提供两种简单可行的解决方式:

方式一:在Model中添加计算属性

直接在Incident类中新增一个返回Location类型的计算属性,直接绑定到Pin.Location:

public class Incident
{
  // 原有属性
  public double Latitude { get; set; }
  public double Longitude { get; set; }
  // 新增计算属性
  public Location Location => new Location(Latitude, Longitude);
  // 其他属性...
}

修改View中的绑定代码:

<maps:Map.ItemTemplate>
  <DataTemplate x:DataType="model:Incident">
    <maps:Pin Address="{Binding Address}"
              Label="{Binding City}"
              Location="{Binding Location}">
    </maps:Pin>
  </DataTemplate>  
</maps:Map.ItemTemplate>

方式二:使用值转换器

若不想修改Model,可创建值转换器将Incident对象转换为Location:

  1. 创建转换器类:
public class IncidentToLocationConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is Incident incident)
        {
            return new Location(incident.Latitude, incident.Longitude);
        }
        return null;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}
  1. 在View的资源中注册转换器:
<ContentPage.Resources>
    <local:IncidentToLocationConverter x:Key="IncidentToLocationConverter" />
</ContentPage.Resources>
  1. 修改Pin的绑定逻辑:
<maps:Map.ItemTemplate>
  <DataTemplate x:DataType="model:Incident">
    <maps:Pin Address="{Binding Address}"
              Label="{Binding City}"
              Location="{Binding ., Converter={StaticResource IncidentToLocationConverter}}">
    </maps:Pin>
  </DataTemplate>  
</maps:Map.ItemTemplate>
额外验证

确保Map控件已正确绑定ItemsSource到ViewModel的Incidents集合:

<maps:Map ItemsSource="{Binding Incidents}">
    <!-- ItemTemplate 代码 -->
</maps:Map>

内容的提问来源于stack exchange,提问作者digidoc1010

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.03 16:01:03