踏入鸿蒙世界的敲门砖，标志着您在技术征途上的全新起点，提升就业竞争力，获得行业认可，点亮职业成长先机，快人一步抢占未来应用开发赛道！https://developer.huawei.com/consumer/cn/training/dev-cert-detail/101666948302721398
背景
这系列文章主要讲解鸿蒙地图的使用，当前可以免费使用，并提供了丰富的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）
· 示例代码使用MVVM架构来配置
1、MapComponent组件初始化
· 提供了两个必填参数，mapOptions和mapCallback
![]()
· 项目初始化框架
![]()
· VM中的MapOption赋值
![]()
· VM中的MapCallBack赋值
![]()
· 权限申请（在VM中封装申请）
![]()
![]()
权限方法封装
![]()
![]()
· 项目加载时，先进行VM的初始化
![]()
· 界面初始化展示
![]()
2、地图初始化类（MapOptions）
属于mapCommon类
· 常用属性
![]()
· 在VM类中，需要在类初始化的时候把MapOption初始化。
![]()
![]()
3、获取手机用户当前位置
通过geoLocationManager的getCurrentLocation方法，获取用户的坐标经纬度，然后封装成更新用户定位的方法，在初始化的时候调用，就可以实现手机打开后会直接更新到用户的位置
![]()
完整代码
· Page
![]()
· ViewModel
![]()
![]()
![]()
![]()
· PermissionUtils
![]()
![]()
总结
上面的流程是地图组件的初始化的个人理解流程，看完这篇希望可以在地图开发上给你提供帮助。（转载自CSDN，作者：baobao熊）
