arcgis js 4.x 开发点击测距网页

ArcGIS JS 4.x 是Esri提供的一款JavaScript API，用于创建交互式的Web地图应用。如果你想要开发一个点击测距的网页应用，可以按照以下步骤操作：

1. **设置基础环境**：
- 引入ESRI库：在HTML文件中添加ArcGIS JavaScript API的CDN链接，例如：

     <script src="https://js.arcgis.com/4.15compact/"></script>

2. **初始化Map和Layer**：
- 创建一个新的`Map`对象，并指定你的初始地图服务URL或webmap ID。
- 添加你需要的距离测量功能的图层，如Point图层。

3. **事件监听**：
- 给地图实例添加`onClick`事件监听器，当用户点击地图时触发。

   map.on("click", handleDistanceClick);

4. **编写处理函数**：
- `handleDistanceClick`函数里获取用户的点击位置，然后从该点开始计算距离。
- 使用ArcGIS API提供的工具，如`GeometryEngine.measureArea`或`GeometryEngine.measureLength`来进行测量。

5. **显示结果**：
- 将测量结果展示给用户，可能是弹出提示框、DOM元素或是地图上的标注。

function handleDistanceClick(event) {
  const clickedFeature = event.graphic;
  // 计算并显示距离
  const distance = GeometryEngine.measureLength(clickedFeature.geometry);
  alert(`点击位置距离是: ${distance} 单位`);
}