HarmonyOS 鸿蒙Next MapComponent只显示浅绿色背景

HarmonyOS 鸿蒙Next MapComponent只显示浅绿色背景
调用Map组件无显示

import { map, mapCommon, MapComponent } from '@kit.MapKit';
import { AsyncCallback } from '@ohos.base';

@Preview
@Component
export struct SimpleMapComponent {
  @StorageLink('statusBarHeight') statusBarHeight: number = 0
  private mapOption?: mapCommon.MapOptions;
  private callback?: AsyncCallback<map.MapComponentController>;
  private mapController?: map.MapComponentController;

  aboutToAppear(): void {
    // 地图初始化参数，设置地图中心点坐标及层级 
    this.mapOption = {
      position: { target: { latitude: 30.5886314, longitude: 114.344112 }, zoom: 10 }
    };
    // 地图初始化的回调 
    this.callback = async (err, mapController) => {
      if (!err) {
        // 获取地图的控制器类，用来操作地图 
        this.mapController = mapController;
        this.mapController.on("mapLoad", () => {
        });
      }
    };
  }

  build() {
    NavDestination() {
      Stack() {
        // 调用MapComponent组件初始化地图 
        MapComponent({ mapOptions: this.mapOption, mapCallback: this.callback }).width('100%').height('100%');
      }.height('100%')
    }
    .width('100%')
    .height('100%')
    .title('位置')
    .backgroundColor($r('app.color.white'))
    .margin({ top: px2vp(this.statusBarHeight) })
  }
}