HarmonyOS 鸿蒙Next地图组件加载不出,还缺什么配置?

发布于 1周前 作者 zlyuanteng 来自 鸿蒙OS

HarmonyOS 鸿蒙Next地图组件加载不出,还缺什么配置? 关于地图组件,我加载不出来,还缺什么配置吗? 开发工具: DevEco Studio NEXT Developer Beta1(Build Version: 5.0.3.100)
API: 11
真机: HarmonyOS NEXT Developer Preview2 2.0.0.72

使用codelabs《地图服务-地图呈现(ArkTS)》的demo也是这样。
使用地图组件 显示空白

4 回复

确认下网络状态是否有问题

另外使用地图功能除开配置服务开关外还需配置应用签名证书指纹,具体配置方法您可以参考文档: https://developer.huawei.com/consumer/cn/doc/app/agc-help-signature-info-0000001628566748#section5181019153511

看一下是否有按照“配置AppGallery Connect”章节走完了所有流程 https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/iap-config-agc-V5

在AGC平台上创建应用–>在API管理中 打开地图服务,最后是生成签名证书指纹 和 配置签名证书指纹 这两个流程

配置签名证书指纹需要使用“添加公钥指纹(HarmonyOS API 9及以上)”这个选项

使用以下demo是可以呈现地图的

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
   }
 };

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

再确认下

  1. 请检查网络状态,地图需要外网加载
  2. 请检查AGC上API管理里的地图服务是否已开通
  3. 请检查项目模块级别下的src/main/module.json5(例如entry/src/main/module.json5)中是否正确配置了client_id
  4. 排查下SHA256指纹是否有正确添加

请参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/appgallery-connect-0000001751989088

如果还是不行可以将手机时间往后调24小时,再测试

更多关于HarmonyOS 鸿蒙Next地图组件加载不出,还缺什么配置?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


大哥,配置完成,网络已开但是打开地图是空白的,后台也没有使用流量;这是什么原因?

姓名

张三

职位

软件工程师

基本信息

  • 所在地:北京
  • 工作年限:5年
  • 毕业院校:清华大学

技能

  • Python
  • Java
  • C++

Profile Picture

针对“HarmonyOS 鸿蒙Next地图组件加载不出,还缺什么配置?”的问题,以下是一些可能的解决方案和检查点:

  1. 权限配置

    • 确保在config.json文件中已正确配置地图服务所需的权限,如网络访问权限、定位权限等。
  2. 组件依赖

    • 检查是否已正确引入地图组件的SDK包,并确保其版本与鸿蒙系统兼容。
    • 确认是否在build.gradle或类似配置文件中正确声明了地图组件的依赖。
  3. API Key

    • 确认是否已在地图服务提供者处申请API Key,并在代码中正确配置。
    • 检查API Key是否有效,未过期,且与应用包名匹配。
  4. 网络配置

    • 确认设备网络连接正常,且能够访问地图服务提供者的服务器。
    • 检查是否有防火墙或代理设置阻止了地图服务的访问。
  5. 地图服务状态

    • 确认地图服务提供者当前服务状态正常,无维护或故障通知。
  6. 代码实现

    • 检查地图组件的初始化代码是否正确,包括地图实例的创建、地图视图的设置等。

如果以上检查均无误,但问题依旧存在,请考虑以下步骤:

  • 查看鸿蒙系统的开发者日志,查找可能的错误信息或警告。
  • 尝试在鸿蒙开发者社区或论坛中搜索类似问题,看是否有其他开发者遇到并解决了相同的问题。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html

回到顶部