在uni-app中集成高德地图并在鸿蒙系统上使用，可以通过以下步骤实现。由于uni-app支持多平台发布，包括鸿蒙系统（OpenHarmony），我们可以利用uni-app的扩展能力来实现这一功能。以下是一个基本的实现思路和相关代码案例。

1. 准备工作

确保你已经安装了HBuilderX编辑器，并创建了一个uni-app项目。同时，你需要在高德开放平台申请一个API Key。

2. 安装高德地图SDK

虽然uni-app没有直接提供高德地图的组件，但你可以通过条件编译的方式，在鸿蒙系统上引入高德地图的原生SDK。对于鸿蒙系统，你需要下载并集成高德地图的OpenHarmony SDK。

3. 创建条件编译代码

在pages/index/index.vue文件中，你可以使用条件编译来区分平台，并在鸿蒙系统上引入高德地图的原生视图。

<template>
  <view>
    <!-- #ifdef OHOS -->
    <map-container id="mapContainer"></map-container>
    <!-- #endif -->
    <!-- #ifndef OHOS -->
    <!-- 其他平台的地图实现，如使用web-view加载高德地图JS API -->
    <!-- #endif -->
  </view>
</template>

<script>
export default {
  mounted() {
    // #ifdef OHOS
    this.initMapOHOS();
    // #endif
  },
  methods: {
    // 初始化鸿蒙系统上的高德地图
    initMapOHOS() {
      // 引入高德地图OHOS SDK（假设已经通过npm或手动方式集成）
      const amap = require('@amap/amap-ohos-sdk');
      
      // 创建地图实例
      const map = new amap.Map('mapContainer', {
        zoom: 11,
        center: [116.397428, 39.90923], // 北京的中心点坐标
      });
      
      // 其他地图操作，如添加标记等
      // map.addMarker({...});
    }
  }
}
</script>

<style>
/* 样式定义 */
#mapContainer {
  width: 100%;
  height: 100vh;
}
</style>

4. 配置manifest.json

在manifest.json文件中，你需要添加条件编译配置，以确保鸿蒙系统上能够正确识别和使用高德地图SDK。

{
  "mp-weixin": {},
  "app-plus": {},
  "hbuilderx": {},
  "condition": {
    "#ifdef OHOS": {
      "nativePlugins": [
        {
          "name": "amap-ohos-sdk" // 假设你有一个插件封装了高德地图SDK
        }
      ]
    }
  }
}

注意：由于高德地图的OpenHarmony SDK可能不是直接通过npm安装的，你可能需要手动集成SDK，并创建一个uni-app原生插件来封装高德地图的功能。上述代码中的require('@amap/amap-ohos-sdk')仅为示例，实际使用时需要根据你集成的SDK路径进行调整。

以上就是在uni-app中为鸿蒙系统集成高德地图的基本步骤和代码示例。由于具体实现可能依赖于高德地图SDK的版本和uni-app的更新，建议查阅最新的官方文档和SDK指南。