HarmonyOS 使用 MapKit 时，地图无法加载

import { map, mapCommon, MapComponent } from '@kit.MapKit'; 
import { AsyncCallback } from '@kit.BasicServicesKit'; 
 
@Component 
export struct SportTrainingMapView { 
 
  private TAG = "SportTrainingMapView"; 
  private mapOption?: mapCommon.MapOptions; 
  private callback?: AsyncCallback<map.MapComponentController>; 
  private mapController?: map.MapComponentController; 
 
  aboutToAppear(): void { 
    // 地图初始化参数，设置地图中心点坐标及层级 
    this.mapOption = { 
      position: { 
        target: { 
          latitude: 28.92163128242129, 
          longitude: 115.312 
        }, 
        zoom: 9 
      } 
    }; 
 
    // 地图初始化的回调 
    this.callback = async (err, mapController) => { 
      if (!err) { 
        // 获取地图的控制器类，用来操作地图 
        this.mapController = mapController; 
        this.mapController.on("mapLoad", () => { 
          console.info(this.TAG, `on-mapLoad`); 
        }); 
      } 
    }; 
  } 
 
  build() { 
    Stack() { 
      // 调用MapComponent组件初始化地图 
      MapComponent({ mapOptions: this.mapOption, mapCallback: this.callback }) 
        .width('100%') 
        .height('100%') 
    } 
    .width('100%') 
    .height('100%') 
  } 
}