ArcGIS JavaScript的vue2地图小工具比例尺显示公里单位中文

在 ArcGIS JavaScript 中，可以通过使用 Scalebar 控件来实现比例尺显示。如果要在 Vue2 中使用 Scalebar 控件，并且需要显示公里单位中文，可以按照以下步骤进行操作：

1. 在 Vue2 的组件中引入 Scalebar 控件：

import Scalebar from "esri/dijit/Scalebar";

2. 在 Vue2 的组件中定义一个方法，用于创建 Scalebar 控件并设置其属性：

methods: {
  initScalebar() {
    // 创建 Scalebar 控件
    const scalebar = new Scalebar({
      map: this.mapRef, // 地图对象
      scalebarUnit: "metric", // 比例尺单位为公制
      scalebarStyle: "ruler", // 比例尺样式为直尺
      attachTo: "bottom-left", // 比例尺位置为左下角
      scalebarLabel: "比例尺", // 比例尺标签
      scalebarUnitLabel: "公里", // 比例尺单位标签
      scalebarUnitLabelSeparator: "", // 比例尺单位标签分隔符为空字符串，即不显示分隔符
      scalebarLineThickness: 2, // 比例尺线条粗细为 2
      scalebarLineDash: [4], // 比例尺线条虚线样式为 [4]
      scalebarLineDashOffset: 0 // 比例尺线条虚线偏移量为 0
    });
  }
}

3. 在 Vue2 的组件中的 mounted 钩子函数中调用 initScalebar 方法来创建 Scalebar 控件：

mounted() {
  this.initMap(); // 初始化地图
  this.initScalebar(); // 初始化比例尺
}

通过上述步骤，即可在 Vue2 中使用 Scalebar 控件实现比例尺显示，并且显示公里单位的中文。