为什么在APP中地图@regionchange返回detail是空对象

欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

这是 uni-app 在 App 端（Android/iOS）与小程序端的平台差异导致的。在 App 端，@regionchange 事件返回的 detail 确实不包含经纬度信息，需要通过 mapContext 的 API 主动获取地图中心点坐标。

解决方案是在 regionchange 事件触发时，使用 uni.createMapContext 获取地图上下文，然后调用 getCenterLocation 方法获取当前地图中心的经纬度。

具体实现代码如下：

export default {  
  data() {  
    return {  
      mapContext: null  
    }  
  },  
  onReady() {  
    // 页面加载完成后创建地图上下文  
    this.mapContext = uni.createMapContext('myMap', this);  
  },  
  methods: {  
    onRegionChange(e) {  
      // 可以通过 e.type 判断是 begin 还是 end  
      console.log('regionchange 类型:', e.type);  

      // 使用 mapContext 获取中心点坐标  
      if (this.mapContext) {  
        this.mapContext.getCenterLocation({  
          success: (res) => {  
            console.log('当前中心点经度:', res.longitude);  
            console.log('当前中心点纬度:', res.latitude);  
            // 这里可以获取到拖动停止后的经纬度  
          },  
          fail: (err) => {  
            console.error('获取中心点失败:', err);  
          }  
        });  

        // 如果需要获取视野范围，也可以使用 getRegion  
        this.mapContext.getRegion({  
          success: (res) => {  
            console.log('视野范围:', res);  
          }  
        });  
      }  
    }  
  }  
}

模板部分：

<map   
  id="myMap"   
  @regionchange="onRegionChange"   
  :longitude="longitude"   
  :latitude="latitude"  
  show-location  
></map>

注意事项：

1. 必须在 onReady 生命周期中创建 mapContext，此时地图组件已初始化完成
2. 如果是在 nvue 页面中使用，没有 $getAppMap() 方法，必须使用 uni.createMapContext
3. getCenterLocation 返回的是 gcj02 坐标系，与 uni.getLocation 的 gcj02 类型一致

详细 API 文档可参考：mapContext 文档