ITPub博客

首页 > 架构设计 > 操作系统 > 【HarmonyOS NEXT】地图使用详解(一)

【HarmonyOS NEXT】地图使用详解(一)

投稿 操作系统 作者:ITPUB鸿蒙小助手 时间:2025-12-04 17:42:42 615 删除 编辑

踏入鸿蒙世界的敲门砖,标志着您在技术征途上的全新起点,提升就业竞争力,获得行业 认可,点亮职业成长先机,快人一步抢占未来应用开发赛道! https://developer.huawei.com/consumer/cn/training/dev-cert-detail/101666948302721398?ha_source=hmosclass-itpub&ha_sourceId=70000033

背景

这系列文章主要讲解鸿蒙 地图 的使用,当前可以免费使用,并提供了丰富的SDK给开发者去 自定义控件开发。目前可以实现个性化显示地图、位置搜索和路径规划等功能,轻松完成地图构建工作。 需要注意的是,现在测试只能使用实体手机去做调试,模拟器和预览器是没有办法做测试和使用的 。

地图开发环境搭建

1.  AGC 中创建项目

在AGC中新建项目,并复制AGC项目中的 Client  ID 填写到工程中的entry模块的module.json5文件中,新增metadata,配置name为client_id,value为AGC项目中的Client ID。

请添加图片描述

2.AGC 中开通地图服务

在API管理界面,打开地图服务

在这里插入图片描述

3.AGC 中创建 APP

在证书、APP ID和Profile中,APP ID中创建之前项目中的App

4. 在项目文件中生成密钥请求文件

这个密钥文件比较重要,务必妥善保存。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

这里的Alias需要记住,后面需要用到

在这里插入图片描述

保存csr文件

在这里插入图片描述

查看生成的csr文件

在这里插入图片描述

5.AGC 项目中创建证书和设备

新建调试证书,并把证书下载到本地。

在这里插入图片描述

在这里插入图片描述

6.AGC 项目中创建Profile

选择对应的调试证书,完成Profile的创建

在这里插入图片描述

在这里插入图片描述

7. 把生成的证书和调试文件添加到项目结构中

在这里插入图片描述

在这里插入图片描述

8. 确保当前IDE已经登陆了你的华为账号

在这里插入图片描述

地图组件(MapComponent)

l   示例代码使用MVVM架构来配置

1 、MapComponent组件 初始化

l   提供了两个必填参数,mapOptions和mapCallback

l   项目初始化框架

l   VM 中的MapOption赋值

l   VM 中的MapCallBack赋值

l   权限申请(在VM中封装申请)

权限方法封装

l   项目加载时,先进行VM的初始化

l   界面初始化展示

在这里插入图片描述

2 、地图初始化类(MapOptions)

属于mapCommon类

l   常用属性

l   在VM类中,需要在类初始化的时候把MapOption初始化。

3 、获取手机用户当前位置

通过geoLocationManager的getCurrentLocation方法,获取用户的坐标经纬度,然后封装成更新用户定位的方法,在初始化的时候调用,就可以实现手机打开后会直接更新到用户的位置

完整代码

l   Page

l   ViewModel

l   PermissionUtils

总结

上面的流程是地图组件的初始化的个人理解流程,看完这篇希望可以在地图开发上给你提供帮助。 ( 转载自CSDN,作者:baobao熊)


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70047792/viewspace-3104422/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2021-11-18

  • 博文量
    401
  • 访问量
    296697