如何获取.NET MAUI地图的中心地理位置？

你提到的Map.Frame.Center是地图控件的渲染区域像素中心，并非实际地理坐标。要获取滚动后地图视图中心（或中心下方）的地理位置，核心是调用地图API提供的地理坐标转换或视图中心获取方法，以下是通用思路和常见地图库的实现示例：

通用核心逻辑 #

• 监听地图的「移动/滚动结束」事件（如moveend、idle），避免滚动过程中频繁触发计算
• 直接获取地图视图的地理中心坐标（经纬度），而非控件布局的像素坐标
• 若需要「中心下方」的位置，可基于中心地理坐标，结合地图当前缩放级别，将像素偏移转换为地理坐标

常见地图库的具体实现 #

Leaflet #

// 监听地图滚动结束事件
map.on('moveend', function() {
  // 获取视图中心的地理坐标
  const centerLatLng = map.getCenter();
  console.log('中心地理坐标：', centerLatLng);

  // 计算中心下方50像素对应的地理坐标
  const centerPixel = map.latLngToContainerPoint(centerLatLng);
  const belowPixel = centerPixel.add([0, 50]);
  const belowLatLng = map.containerPointToLatLng(belowPixel);
  console.log('中心下方50像素的地理坐标：', belowLatLng);
});

Google Maps JavaScript API #

// 监听地图静止（滚动结束）事件
google.maps.event.addListener(map, 'idle', function() {
  const center = map.getCenter();
  console.log('中心地理坐标：', center.lat(), center.lng());

  // 转换像素偏移为地理坐标
  const projection = map.getProjection();
  const centerPoint = projection.fromLatLngToPoint(center);
  const belowPoint = new google.maps.Point(centerPoint.x, centerPoint.y + 50);
  const belowLatLng = projection.fromPointToLatLng(belowPoint);
  console.log('中心下方50像素的地理坐标：', belowLatLng.lat(), belowLatLng.lng());
});

ArcGIS API for JavaScript #

如果你提到的Map.Frame.Center属于ArcGIS生态，可通过视图对象直接获取地理中心：

// 监听视图静止状态（滚动结束）
view.watch('stationary', function(isStationary) {
  if (isStationary) {
    const center = view.center;
    console.log('中心地理坐标：', center.latitude, center.longitude);

    // 计算中心下方偏移的地理坐标
    const screenPoint = view.toScreen(center);
    screenPoint.y += 50;
    const belowPoint = view.toMap(screenPoint);
    console.log('中心下方50像素的地理坐标：', belowPoint.latitude, belowPoint.longitude);
  }
});

关键注意事项 #

• 优先使用地图API原生的视图中心获取方法，这类方法已自动处理地图旋转、缩放、投影等因素的影响
• 避免在滚动过程中实时计算，仅在滚动结束事件中处理，可提升性能

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