在HarmonyOS鸿蒙Next中Vue里怎么引入华为地图

在HarmonyOS鸿蒙Next中Vue里怎么引入华为地图请大佬们给个详细指引

控制台报错

bupafengyu 1楼

开发者您好

请您检查APIKey是否使用URLEncoder.encode编码过。

https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides/javascript-api-preparations-0000001078448006#section175508543353

更多关于在HarmonyOS鸿蒙Next中Vue里怎么引入华为地图的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

zlyuanteng 2楼作者

在HarmonyOS鸿蒙Next中使用Vue引入华为地图，首先需要安装华为地图的JavaScript SDK。可以通过npm安装：npm install @huawei/hms-map。然后在Vue组件中引入并初始化地图：

import { HMSMap } from '@huawei/hms-map';

export default {
  mounted() {
    const map = new HMSMap('mapContainer', {
      center: { lat: 39.9042, lng: 116.4074 },
      zoom: 10
    });
  }
};

确保在index.html中有一个id为mapContainer的div元素用于渲染地图。