arcgis js 使用 popupTemplate

ArcGIS JS API中的popupTemplate是一个用于创建弹出窗口的模板。它可以用于在地图上显示要素的属性信息，包括文本、图片、图表等内容。

以下是使用popupTemplate的基本步骤：

1. 创建一个FeatureLayer对象，并设置其popupTemplate属性。例如：

const featureLayer = new FeatureLayer({
  url: "https://services.arcgis.com/xxxx/arcgis/rest/services/xxxx/FeatureServer/0",
  popupTemplate: {
    title: "{Name}",
    content: [{
      type: "text",
      text: "{Description}"
    }, {
      type: "media",
      mediaInfos: [{
        type: "image",
        value: {
          sourceURL: "{ImageUrl}"
        }
      }]
    }]
  }
});

在这个例子中，我们创建了一个FeatureLayer对象，并设置了其popupTemplate属性。popupTemplate包含一个title和content属性。title属性定义了弹出窗口的标题，可以使用字段值或固定的文本。content属性包含一个或多个弹出窗口的内容，可以是文本、图片、图表等类型。

2. 将FeatureLayer对象添加到地图中。例如：

const map = new Map({
  basemap: "streets"
});

map.add(featureLayer);

这个例子中，我们创建了一个Map对象，并将FeatureLayer对象添加到地图中。

3. 点击地图上的要素，查看弹出窗口。例如：

view.on("click", function(event) {
  view.hitTest(event).then(function(response) {
    if (response.results.length) {
      const feature = response.results[0].graphic;
      view.popup.open({
        title: feature.attributes.Name,
        location: event.mapPoint,
        content: feature.popupTemplate.content
      });
    }
  });
});

在这个例子中，我们为MapView对象添加了一个click事件监听器。当用户点击地图上的要素时，我们使用hitTest方法检测其下方是否有要素，并通过popupTemplate显示弹出窗口。

以上就是使用popupTemplate的基本步骤。通过合理设置popupTemplate的内容，可以让地图上的要素更加丰富和有趣。