uniapp 高德地图不支持鸿蒙怎么解决？

在uniapp中使用高德地图时发现不支持鸿蒙系统，有没有什么解决方案或替代方案？目前项目需要在鸿蒙设备上运行地图功能，官方文档也没找到相关说明，求大神指点！

2 回复

目前uniapp的高德地图插件暂未适配鸿蒙系统。建议先用web-view嵌入高德H5地图作为临时方案，或关注官方更新动态。

更多关于uniapp 高德地图不支持鸿蒙怎么解决？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


目前，高德地图官方尚未正式支持鸿蒙系统（HarmonyOS NEXT），但可通过以下方法在 UniApp 中兼容鸿蒙设备：

解决方案

  1. 使用 Web-view 嵌入高德 H5 地图
    在鸿蒙设备中，通过 web-view 组件加载高德地图网页版，实现基础功能（如地图展示、定位、标记）。
    示例代码：

    <template>
  <web-view src="https://uri.amap.com/marker?position=经度,纬度&name=位置名称"></web-view>
</template>

    缺点：无法调用原生功能（如持续定位、离线地图），交互体验较差。

  2. 条件编译区分平台
    在 UniApp 中通过条件编译，鸿蒙设备降级使用 H5 地图，其他平台（如 Android/iOS）继续用原生地图组件。
    示例代码：

    <template>
  <!-- 鸿蒙设备使用 web-view -->
  #ifdef HARMONYOS
  <web-view src="高德H5地图URL"></web-view>
  <!-- 其他平台用 map 组件 -->
  #else
  <map :latitude="latitude" :longitude="longitude" :markers="markers"></map>
  #endif
</template>

    注意：需在 manifest.json 中配置 HarmonyOS 平台支持。

  3. 关注官方更新
    高德地图和 UniApp 后续可能会适配鸿蒙，建议持续关注官方公告或尝试测试版。

临时建议

  • 若应用强依赖地图功能，可在鸿蒙设备中提示用户“暂未完全适配，部分功能受限”。
  • 优先使用高德 H5 接口实现核心功能（如路径规划、搜索），并通过 uni.request 调用。

总结

当前需通过 降级方案 兼容鸿蒙，长远需等待官方适配。建议评估业务需求，选择对体验影响最小的方案。

回到顶部