ArcGIS Maps SDK for JavaScript的vue2测角度地图小部件怎么添加到地图上

要将ArcGIS Maps SDK for JavaScript的vue2测角度地图小部件添加到地图上，你需要遵循以下步骤：

1. 在Vue组件中导入ArcGIS Maps SDK for JavaScript和Vue2测角度地图小部件：

import { loadModules } from 'esri-loader';

export default {
  name: 'MyMapComponent',
  data() {
    return {
      view: null,
      measurement: null
    }
  },
  mounted() {
    // 加载ArcGIS API for JavaScript和测角度地图小部件
    loadModules([
      'esri/Map',
      'esri/views/MapView',
      'esri/widgets/Measurement'
    ]).then(([Map, MapView, Measurement]) => {
      // 创建地图
      const map = new Map({
        basemap: 'streets'
      });

      // 创建地图视图
      const view = new MapView({
        container: this.$refs.mapContainer,
        map: map,
        center: [-118.80500, 34.02700],
        zoom: 13
      });

      // 创建测角度小部件
      const measurement = new Measurement({
        view: view
      });

      // 将测角度小部件添加到地图视图中
      view.ui.add(measurement, 'top-right');

      this.view = view;
      this.measurement = measurement;
    });
  },
  beforeDestroy() {
    // 销毁测角度小部件和地图视图
    if (this.view) {
      this.view.container = null;
    }
    if (this.measurement) {
      this.view.ui.remove(this.measurement);
      this.measurement.destroy();
    }
  },
  template: `
    <div>
      <div ref="mapContainer" style="height: 500px;"></div>
    </div>
  `
}

2. 在Vue模板中添加地图组件：

<template>
  <div>
    <MyMapComponent />
  </div>
</template>

这样就可以将测角度小部件添加到地图上了。当然，你需要根据自己的实际需求进行调整。