HarmonyOS开发中地图组件加载不出来，显示空白？

Question

HarmonyOS开发中地图组件加载不出来，显示空白？

Answer 1

1、请检查网络状态，地图需要外网加载
2、请检查AGC上API管理里的地图服务是否已开通
3、请检查项目模块级别下的src/main/module.json5（例如entry/src/main/module.json5）中是否正确配置了client_id
4、排查下SHA256指纹是否有正确添加 请参考：
如果还是不行可以将手机时间往后调24小时，再测试
参考示例：

import { MapComponent, mapCommon, map } from '@kit.MapKit'; 
import { AsyncCallback } from '@kit.BasicServicesKit'; 
@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 
      } 
    }; 
    // &#22320;&#22270;&#21021;&#22987;&#21270;&#30340;&#22238;&#35843; 
    this.callback = async (err, mapController) =&gt; { 
      if (!err) { 
        // &#33719;&#21462;&#22320;&#22270;&#30340;&#25511;&#21046;&#22120;&#31867;&#65292;&#29992;&#26469;&#25805;&#20316;&#22320;&#22270; 
        this.mapController = mapController; 
        this.mapController.on(&#34;mapLoad&#34;, () =&gt; { 
          console.info(this.TAG, `on-mapLoad`); 
        }); 
      } 
    }; 
 
  } 
  build() { 
    Stack() { 
      // 调用MapComponent组件初始化地图 
      MapComponent({ mapOptions: this.mapOption, mapCallback: this.callback }).width('100%').height('100%'); 
    }.height('100%') 
  } 
}