要素微件 - 从多个图层视图中查询图形

尝试一下在线预览

此示例类似于侧面板中的要素微件，不同之处在于该示例演示了如何处理不同类型的多个图层。此示例使用三个单独的图层：两个影像图层和一个要素图层。此示例使用 Popup's fetchFeatures 方法。这需要给定的屏幕位置并从多个 LayerViews 中返回要素。它根据图层的关联 PopupTemplate 显示信息。

首先，监听视图的点击事件并将其传递给 fetchFeatures 方法。

view.on("click", (event) => {
  ...
  // Call fetchFeatures and pass in the click event location
  view.popup.fetchFeatures(event).then((response) => {
   // Do something
  });
});

接下来，遍历所有返回的要素以访问它们关联的 LayerView 和图形。

 view.popup.fetchFeatures(event).then((response) => {
   response.promisesPerLayerView.forEach((fetchResult) => {
     // Do something
   });
  });

然后，遍历从生成的 LayerViews 返回的图形，并将此图形传递给要素微件的图形属性。

 graphics.forEach((graphic) => {

   const featureChild = new Feature ({
     container: document.createElement("div"),
     graphic: graphic,
     map: view.map,
     spatialReference: view.spatialReference
   });
 });

MapView

Feature

Widget

GeoScene API for JavaScript示例中心

要素微件 - 从多个图层视图中查询图形