在不使用地图的情况下使用JavaScript为ArcGIS popupInfo生成html

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

<div id="mapView"></div>

require([
  "esri/Map",
  "esri/views/MapView",
  "esri/widgets/Popup"
], function(Map, MapView, Popup) {
  // 创建地图
  var map = new Map({
    basemap: "streets"
  });

  // 创建地图视图
  var view = new MapView({
    container: "mapView",
    map: map,
    center: [-118.805, 34.027],
    zoom: 13
  });

  // 创建弹出窗口
  var popup = new Popup({
    view: view,
    content: generatePopupContent // 调用生成弹出窗口内容的函数
  });

  // 添加点击事件，显示弹出窗口
  view.on("click", function(event) {
    view.hitTest(event).then(function(response) {
      var feature = response.results[0].graphic;
      if (feature) {
        view.popup.open({
          location: feature.geometry,
          features: [feature]
        });
      }
    });
  });

  // 生成弹出窗口内容的函数
  function generatePopupContent(feature) {
    var attributes = feature.attributes;
    var html = "<h3>" + attributes.NAME + "</h3>";
    html += "<p>Population: " + attributes.POPULATION + "</p>";
    return html;
  }
});