Flutter 鸿蒙化实战:amap_flutter_map 适配 OpenHarmony

前言

随着鸿蒙生态的快速发展,越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期,大量常用三方库只有 Android / iOS 实现,鸿蒙侧只能自己造轮子。

为了解决这个问题,CPF-Flutter 社区对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配,统一托管在 GitCode 的 CPF-Flutter 组织 下,全部通过 TAG 版本隔离、配套门禁编译验证,开箱即用。

本篇是系列文章之一,主角是 amap_flutter_map —— 高德地图插件。

amap_flutter_map 是什么

amap_flutter_map(原库 3.0.0)是高德地图 SDK 的地图展示封装:

  1. 地图AMapWidget 地图组件,mapTypeinitialCameraPosition 配置;
  2. 样式customStyleOptions 自定义样式;
  3. 定位图层myLocationStyleOptions 定位图层样式、minMaxZoomPreference 缩放范围;
  4. 权限apiKeyprivacyStatement

适配情况

Flutter 框架版本TAG 名称
3.223.0.0-ohos-1.0.0
3.273.0.0-ohos-1.0.0
3.353.0.0-ohos-1.0.0

快速接入

在 pubspec.yaml 中添加 git 依赖:

dependencies:
  amap_flutter_map:
    git:
      url: https://gitcode.com/CPF-Flutter/amap_flutter_map.git
      # 按你的 Flutter 框架版本,从上方映射表选择对应 TAG
      ref: 3.0.0-ohos-1.0.0

执行:

flutter pub get

使用示例

import 'package:amap_flutter_map/amap_flutter_map.dart';

AMapWidget(
  apiKey: apiKey,
  privacyStatement: privacyStatement,
  initialCameraPosition: CameraPosition(
    target: LatLng(39.9042, 116.4074),
    zoom: 12,
  ),
)

API 支持一览

API说明
apiKey / privacyStatement密钥与隐私声明
initialCameraPosition初始相机位置
mapType地图类型
customStyleOptions自定义样式
myLocationStyleOptions定位图层样式
minMaxZoomPreference缩放范围

[TIP] 本库鸿蒙版与上游 API 对齐,接入方式与 iOS / Android 一致。

仓库地址

  • OpenHarmony 适配仓库:https://gitcode.com/CPF-Flutter/amap_flutter_map
  • 使用问题反馈:请到 CPF-Flutter 社区 Issues 提交问题(社区统一收集跟进);本仓库 Issues 区亦可。

系列预告

截至目前,CPF-Flutter 社区已完成 250+ 个 Flutter 三方库的 OpenHarmony 平台适配,完整的适配清单(含每个库的版本映射表)见:

  • 适配总览文档:https://gitcode.com/CPF-Flutter/docs/blob/main/ThirdpartyLibrarites.md
  • 仓库组织:https://gitcode.com/CPF-Flutter

本系列后续会陆续挑选高频库展开讲解,比如高德定位(amap_flutter_location)、Rive 动画(rive)、声网音视频(agora_rtc_engine)等。

如果你的 Flutter 应用正在计划适配鸿蒙,欢迎关注 CPF-Flutter 组织,也欢迎参与共建。

Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐