HarmonyOS 鸿蒙Next 按照官网参考写的地图，还是不显示

上AppGallery Connect创建的测试应用，配置好了metadata的client_id “metadata”: [ { “name”: “client_id”, “value”: “111278509” } ], 显示地图代码如下：

LogUtils.logII(TAG, '地图初始化:开始');
// 地图初始化参数，设置地图中心点坐标及层级 
this.mapOption = {
  position: { target: { latitude: AppConfig.LATITUDE, longitude: AppConfig.LONGITUDE, }, zoom: 13 },
  mapType: mapCommon.MapType.STANDARD,
};
// 地图的回调 
this.mapCallback = async (err, mapController) => {
  if (!err) {
    // 获取地图的控制器类，用来操作地图 
    this.mapController = mapController;
    // 打开定位图层 
    this.mapController.setMyLocationEnabled(true);
    // 监听地图加载事件。使用callback异步回调。 
    this.mapController.on('mapLoad', () => {
      LogUtils.logII(TAG, '地图初始化:成功');
    });
    // 监听标记点击事件。使用callback异步回调 
    this.mapController.on('markerClick', (marker) => {
      LogUtils.logII(TAG, '点击覆盖物:开始');
      let data: PoiDataList = this.dataList[marker.getZIndex()];
      if (data) {
        LogUtils.logII(TAG, '添加覆盖物:title:' + data.title + '，zIndex:' + marker.getZIndex());
        router.pushNamedRoute({ name: 'PoiDataInfoPage', params: { 'json': JSON.stringify(data) } });
      }
    });
  }
};
//build地图组件: 
build() {
  // 地图 
  Column() {
    MapComponent({ mapOptions: this.mapOption, mapCallback: this.mapCallback })
      .width(BaseConstants.MATCH_PARENT)
      .layoutWeight(1)
    Blank().width(BaseConstants.MATCH_PARENT).height(WindowUtils.getNaviIndicatorHeight())
  }.width(BaseConstants.MATCH_PARENT).height(BaseConstants.MATCH_PARENT)
}

最后地图还是显示的灰色，没有显示出来 不知道哪里问题，控制台也没有报错信息，定位是成功了，蓝点也出来了，就是地图不显示