能否用Microsoft.Maui.Controls.Maps在.NET MAUI中绘制GPX路线？

当然可以，只需完成GPX解析和地图路线绘制两个核心步骤即可，以下是具体实现方案：

1. 确认项目已配置MAUI Maps #

先确保你的.NET MAUI项目已启用Maps组件：

• 在MauiProgram.cs中注册Maps服务：

builder.UseMauiApp<App>().UseMauiMaps();

• 按照官方要求完成各平台基础配置（比如Android的地图API密钥、iOS的权限声明），这是地图正常加载的前提。

2. 解析GPX文件提取坐标点 #

GPX是XML格式，直接用LINQ to XML就能解析出所有<trkpt>节点的经纬度：

using System.Xml.Linq;
using Microsoft.Maui.Devices.Sensors;

public static List<Location> ParseGpx(string gpxContent)
{
    var locations = new List<Location>();
    XNamespace ns = "http://www.topografix.com/GPX/1/1";
    
    var doc = XDocument.Parse(gpxContent);
    var trkpts = doc.Descendants(ns + "trkpt");
    
    foreach (var trkpt in trkpts)
    {
        if (double.TryParse(trkpt.Attribute("lat")?.Value, out double lat) &&
            double.TryParse(trkpt.Attribute("lon")?.Value, out double lon))
        {
            locations.Add(new Location(lat, lon));
        }
    }
    
    return locations;
}

如果GPX是本地文件，直接读取文件内容传入这个方法即可。

3. 在地图上绘制路线 #

用MapPolyline将解析出的坐标点连接成路线，再添加到地图控件的Elements集合中：

XAML中的地图控件 #

<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="YourNamespace.MapPage">
    <maps:Map x:Name="RouteMap" IsShowingUser="True"/>
</ContentPage>

后台代码添加路线 #

public partial class MapPage : ContentPage
{
    public MapPage(string gpxFilePath)
    {
        InitializeComponent();
        
        // 读取GPX文件内容
        string gpxContent = File.ReadAllText(gpxFilePath);
        var routeLocations = ParseGpx(gpxContent);
        
        if (routeLocations.Count > 1)
        {
            // 创建路线
            var polyline = new MapPolyline
            {
                StrokeColor = Colors.Blue,
                StrokeWidth = 5,
                Geopath = routeLocations
            };
            
            // 添加到地图
            RouteMap.Elements.Add(polyline);
            
            // 自动聚焦到路线区域
            var bounds = new MapSpan(routeLocations[0], 0, 0, 0);
            foreach (var loc in routeLocations)
            {
                bounds = bounds.Union(new MapSpan(loc, 0, 0, 0));
            }
            RouteMap.MoveToRegion(bounds.WithPadding(50));
        }
    }
}

注意事项 #

• 权限配置：确保各平台已添加必要权限，比如Android的ACCESS_FINE_LOCATION、iOS的NSLocationWhenInUseUsageDescription，地图加载依赖这些权限。
• 性能优化：如果GPX包含大量坐标点（上千个），建议对路径做简化处理，避免地图渲染卡顿。
• 样式自定义：可修改MapPolyline的StrokeColor和StrokeWidth调整路线外观，比如改成红色粗线。

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