vue3高德地图比例尺

在Vue3中使用高德地图JS API 2.0，可以通过调用AMap.Scale插件来实现比例尺的显示。具体步骤如下：
1. 在Vue3项目中安装高德地图JS API 2.0的npm包：npm install @amap/amap-jsapi-loader --save
2. 在需要使用比例尺的组件中引入AMap.Scale插件：import AMapLoader from '@amap/amap-jsapi-loader';
3. 在组件的mounted()生命周期函数中，使用AMapLoader.load()方法加载高德地图JS API 2.0，并在回调函数中初始化地图和比例尺插件：

mounted() {
  AMapLoader.load({
    "key": "your amap key",
    "version": "2.0",
    "plugins": ["AMap.Scale"]
  }).then((AMap) => {
    const map = new AMap.Map("map-container", {
      zoom: 13,
      center: [116.39, 39.9]
    });
    const scale = new AMap.Scale({
      visible: true
    });
    map.addControl(scale);
  });
}

其中，"your amap key"需要替换成你自己的高德地图开发者Key。