HarmonyOS 引用地图MapComponent组件,地图没有展示出来

组件中,直接引入了官方这段代码

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

@Entry
@Component
struct HuaweiMapDemo {
  private TAG = "HuaweiMapDemo";
  private mapOption?: mapCommon.MapOptions;
  private callback?: AsyncCallback<map.MapComponentController>;
  private mapController?: map.MapComponentController;

  aboutToAppear(): void {
    // 地图初始化参数,设置地图中心点坐标及层级
    this.mapOption = {
      position: {
        target: {
          latitude: 39.9,
          longitude: 116.4
        },
        zoom: 10
      }
    };

    // 地图初始化的回调
    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%');
    }.height('100%')
  }
}

但是页面上没有任何效果,空白的,也没有报错

HarmonyOS
3天前
浏览
收藏 0
回答 2
待解决
回答 2
按赞同
/
按时间
wx6763e5f9e0789

先获取一下AppID,然后生成一个key,要先设置一下那个

分享
微博
QQ
微信
回复
3天前
FengTianYa

地图服务需要开通AGC,配置Client ID,可以参考以下文档https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/iap-config-agc-V5

分享
微博
QQ
微信
回复
3天前
相关问题
HarmonyOS 地图组件无法展示
184浏览 • 1回复 待解决
地图组件无法正常展示
490浏览 • 1回复 待解决
HarmonyOS地图使用问题
362浏览 • 1回复 待解决
HarmonyOS 地图呈现问题
408浏览 • 1回复 待解决
HarmonyOS 地图添加marker
36浏览 • 1回复 待解决