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
2024-12-19 17:19:04
浏览
收藏 0
回答 2
待解决
回答 2
按赞同
/
按时间
wx6763e5f9e0789

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

分享
微博
QQ
微信
回复
2024-12-19 17:47:25
FengTianYa

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

分享
微博
QQ
微信
回复
2024-12-19 18:27:12
相关问题
HarmonyOS 调用MapComponent无法加载地图
258浏览 • 1回复 待解决
HarmonyOS 地图组件无法展示
545浏览 • 1回复 待解决
地图组件无法正常展示
947浏览 • 1回复 待解决
HarmonyOS 地图无法展示
449浏览 • 1回复 待解决
HarmonyOS 地图展示
354浏览 • 1回复 待解决
HarmonyOS 地图加载不出来
560浏览 • 1回复 待解决
HarmonyOS Image展示地图片失败
473浏览 • 1回复 待解决
HarmonyOS 地图加载不出来,只显示背景
1087浏览 • 1回复 待解决
HarmonyOS 地图组件报错
432浏览 • 1回复 待解决