测距还在用尺子吗？快来学习ArcGis中如何测距

"esri/tasks/support/LengthsParameters",  // 为GeometryService.lengths(几何服务)操作设置长度单位和其他参数
复制代码

// 实例化长度单位
let params = new this.gisGz.LengthsParameters();
复制代码

"esri/tasks/GeometryService"
复制代码

params.lengthUnit = this.gisGz.GeometryService.UNIT_KILOMETER;
复制代码

params.calculationType = "preserveShape";
复制代码

let one = 第一个点信息
let two = 第二个点信息
let polyline = new Polyline(               // 线信息，起始点，空间参照物
    [
      [one.x, one.y],
      [two.x, two.y],
    ],
    this.mapView.spatialReference          // 空间参照物
)
复制代码

"esri/tasks/GeometryService",            // 几何服务  表示由 ArcGIS REST API 公开的几何服务资源
复制代码

// 几何服务控制器
const geometry = new GeometryService("https://utility.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");
复制代码

let polyline = new Polyline(               // 线信息，起始点，空间参照物
    [
      [one.x, one.y],
      [two.x, two.y],
    ],
    this.mapView.spatialReference
)
...

// 要计算其长度的折线数组
params.polylines = [polyline];

this.geometry.lengths(params).then((distance) => {
  let les = distance.lengths[0] * 1;
  let dis = 0;
  // 小于一公里单位为米
  if (les < 1) {
    dis = Math.round(les * 1000) + "米";
  } else {
    dis = les.toFixed(2) + "千米";
  }
  // 点图形
  let spot = new Graphic({                   // 图形是现实世界地理现象的矢量表示。它可以包含几何图形、符号和属性
    attributes: `自定义属性`,
    geometry: two,                                      // 第二个点的点位信息
    symbol: {                                           // 自定义样式
      type: "simple-marker",
      color: [255, 255, 255, 0.8],
      size: 15,
      text: point_id,
      outline: {color: [255, 255, 255, 0]},
    },
  })
  this.sketchViewModel.add(spot);         // 绘制层添加当前第二个点

  // 距离文字样式
  let textSymbol = {
    type: "text",
    geometry: two,
    color: [50, 50, 50, 1],
    font: { size: 10, },
    text: dis,          // 距离
    xoffset: 0,
    yoffset: -20,
    haloColor: [255, 255, 255, 1],
    haloSize: 1,
  };
  let curPos = new Point(two.x, two.y, this.mapView.spatialReference)
  let g = new Graphic(curPos, textSymbol);
  this.rangingTextLayer.add(g);           // 测距文字层
});

复制代码