ArcGIS JS地图：鼠标悬停几何图形时指针样式切换功能失效求助

问题根源 #

你的代码存在三处关键问题：

1. FeatureLayer无hover事件：ArcGIS JS API中，图层本身不触发hover事件，需通过地图视图的指针事件结合hitTest检测要素命中状态。
2. 语法错误：if (rendererElement !==)缺少比较值，应为!== null或直接判断元素存在性。
3. 错误DOM选择：.esri-unique-value-renderer不是地图交互容器，修改其光标无法影响地图区域的鼠标样式。

正确实现代码 #

const pointLayer = new FeatureLayer({
  source: graphics,
  outFields: ["*"],
  renderer: UniqueValueRenderer,
  geometryType: "point",
});

// 确保view是已初始化的MapView/SceneView实例
view.on("pointer-move", async (event) => {
  // 检测鼠标位置是否命中pointLayer的要素
  const hitResult = await view.hitTest(event);
  const isHovering = hitResult.results.some(item => item.graphic.layer === pointLayer);
  
  // 修改地图容器的光标样式
  const mapContainer = document.querySelector(".esri-view-root");
  if (mapContainer) {
    mapContainer.style.cursor = isHovering ? "pointer" : "default";
  }
});

关键说明 #

• 必须等待view初始化完成后再绑定事件（可通过view.when()确保）。
• hitTest是异步方法，需用async/await处理结果。
• 若需多图层区分光标，可在hitResult.results中判断对应图层后设置不同光标样式。
• 直接操作.esri-view-root（地图根容器）的光标是最可靠的方式，无需依赖渲染器DOM元素。

内容的提问来源于stack exchange，提问作者tapiotor