如何在Mapsui的MapView中居中Pin并设置合适缩放级别？

1. 先添加Pin到地图 #

首先需要创建Marker并添加到MarkerLayer，示例代码如下：

// 创建Pin实例，设置坐标和样式
var pin = new Marker
{
    // 替换为你的Pin经纬度（如果是WGS84，需转Web墨卡托，见下文）
    Position = MPoint.FromLonLat(116.397, 39.908), 
    Style = new MarkerStyle
    {
        // 加载Pin图标，替换为你的资源路径
        Icon = BitmapRegistry.Instance.GetOrCreate("custom-pin", () => BitmapFactory.LoadFromResource("Resources/pin.png")),
        SymbolScale = 1.2f
    }
};

// 创建Marker图层并添加Pin
var markerLayer = new MarkerLayer();
markerLayer.Markers.Add(pin);

// 将图层添加到MapView的地图实例
mapView.Map.Layers.Add(markerLayer);

2. 将Pin居中显示 #

有两种方式可以让Pin处于地图中心：

• 直接设置地图中心：

mapView.Map.Center = pin.Position;

• 使用带平滑动画的导航方法：

mapView.NavigateTo(pin.Position);

3. 设置缩放级别聚焦Pin周边区域 #

方式1：直接指定缩放级别 #

Mapsui的ZoomLevel数值越大，地图视图越近。根据需求调整数值，示例：

// 设置缩放级别为16，聚焦Pin周边区域
mapView.Map.ZoomLevel = 16;

方式2：适配自定义范围 #

如果需要精确控制显示的区域大小，可以定义Pin周边的范围，让地图自动适配：

// 定义Pin周围的范围（以Web墨卡托坐标为例，数值根据需求调整）
var surroundingExtent = new MExtent(
    pin.Position.X - 0.006,
    pin.Position.Y - 0.006,
    pin.Position.X + 0.006,
    pin.Position.Y + 0.006
);

// 让地图视图适配这个范围
mapView.NavigateTo(surroundingExtent);

注意：坐标系转换 #

如果你的Pin坐标是WGS84经纬度（比如GPS获取的坐标），需要转换为Mapsui默认的Web墨卡托（EPSG:3857）坐标系，使用MPoint.FromLonLat()方法即可完成转换，如步骤1中的代码所示。

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