HarmonyOS鸿蒙Next中maplibre-react-native有计划支持鸿蒙化吗

HarmonyOS鸿蒙Next中maplibre-react-native有计划支持鸿蒙化吗 【问题描述】:

我们现有的项目是有maplibre-react-native,但是在gitcode仓里面没有找到鸿蒙化的版本,请问这个有计划支持吗? 我们有用到用户位置显示、地点标记、地点信息弹窗等,包括地图渲染、Marker渲染、线路与图形渲染等常用地图业务;

目前项目鸿蒙化移植难度大。

maplibre-react-native (https://github.com/maplibre/maplibre-react-native

【版本信息】:

  • react-native: 0.77.1
  • maplibre-react-native: 10.4.2

更多关于HarmonyOS鸿蒙Next中maplibre-react-native有计划支持鸿蒙化吗的实战教程也可以访问 https://www.itying.com/category-93-b0.html

9 回复

尊敬的开发者,您好,
关于您的反馈的问题,

当前maplibre该库有JS版本,您可以通过js方式依赖webview来打通流程,参考链接:maplibre-gl-js

更多关于HarmonyOS鸿蒙Next中maplibre-react-native有计划支持鸿蒙化吗的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


您好,js性能太差了,而且适配不了离线场景。

尊敬的开发者,您好,
感谢您的反馈,我们已经将问题上升至相关部门,会尽快给您答复,请耐心等待。
如有进一步信息或需要协助,我们将及时与您联系。

没有看到任何相关的计划~不过由于官方的react-native-amap3d支持鸿蒙,你可以参考其封装思路,将高德地图或腾讯地图的 HarmonyOS SDK 封装为 React Native 的自有模块,来满足你的业务诉求。

https://developer.huawei.com/consumer/cn/doc/guidebook/solution6-0000002601573495#section834935915112

找HarmonyOS工作还需要会Flutter的哦,有需要Flutter教程的可以学学大地老师的教程,很不错,B站免费学的哦

关注中。

截至2024年底,MapLibre官方及maplibre-react-native项目尚未公布对HarmonyOS NEXT的原生适配计划。华为鸿蒙生态的地图组件目前依赖自家Map Kit或第三方SDK,暂无主流RN地图库的官方鸿蒙化支持。可关注MapLibre社区鸿蒙适配进展。

maplibre-react-native 目前没有公开的鸿蒙化计划,其 GitHub 仓库中也未出现 HarmonyOS 适配的相关 issue 或 PR。

鉴于鸿蒙 Next 采用 ArkUI 而不是传统 Android View 体系,直接移植难度确实很大。RN 社区在鸿蒙上的策略通常是:用 ArkTS 原生模块 实现功能,再通过 TurboModule / NativeModule 桥接到 JS 层,而不是移植底层原生视图。所以这类原生依赖地图 SDK 的库,完全照搬 RN Android 的渲染与交互方案并不可行。

目前可行的路线是:在您的 RN 鸿蒙工程中,通过创建原生模块调用 华为地图服务(Map Kit)高德/百度鸿蒙版 SDK,封装“位置显示、Marker、信息窗、线路/图形绘制”等方法,再以 @ReactMethod 暴露给 JS。例如:

// ArkTS侧 NativeModule 示例
@HMRNModule(name: "MapModule")
class MapModule extends HMRNBaseModule {
  @HMRNMethod()
  addMarker(args: string) {
    // 调用鸿蒙原生地图SDK,添加Marker
  }
}

JS 侧调用原生模块替代 maplibre-react-native 的原有组件。地图业务封装工作量较大,但可以逐步覆盖你们的场景。

回到顶部