ArcGIS-JS-API - 弹出模板中的自定义内容不显示任何内容（Angular 11）

Question

我想在 arcgis esri 地图的弹出模板底部显示一个超链接。我添加了我尝试过的代码，但超链接未显示在弹出模板中。仅显示字段表。请你看看这段代码，如果我遗漏了什么，请告诉我。

.ts 文件

const popUpTemplate = new PopupTemplate({
  title: "{name}",
  content: [
      {
          type: "fields",
          fieldInfos: [
              {
                  fieldName: "PhysicianName",
                  label: "Physician Name"
              },
              {
                  fieldName: "Practice",
                  label: "Primary Practise",

              },
          ]
      },
    new CustomContent({
      outFields: ["*"],
      creator: (graphic) => {
          const a = document.createElement("a");
          a.href = "https://www.youtube.com/";
          a.target = "_blank";
          a.innerText = graphic.attributes.PhysicianName;
          return a;
      }
  })
  ],
  outFields: ["*"]
});
   
    const myLayer = new FeatureLayer({
    source: physicianData.map((d,i)=>(
      {
          geometry: new Point({
            longitude: d.Longitude,
            latitude: d.Latitude
          }),
          attributes: {
            ObjectID: i,
            name : d.PhysicianName,
            PhysicianName : d.PhysicianName,
            Practice : d.Practice,
            ...d
          }
      }
    )),
    fields: [{
      name: "ObjectID",
      alias: "ObjectID",
      type: "oid"
    }, 
    {
      name: "name",
      alias: "Physician : ",
      type: "string"
    },
    {
      name: "PhysicianName",
      alias: "Physician Name",
      type: "string"
    },
    {
      name: "Practice",
      alias: "Practice",
      type: "string"
    },
   ],
  objectIdField: 'ObjectID',
  geometryType: "point",
  popupTemplate : popUpTemplate,
});

.html 文件

    <div #mapViewNode></div>

Answer 1

我认为您的问题是您需要定义图层的字段。

如果您正在使用客户端图形和FeatureLayer，则需要设置：

• source，图形集合（几何+属性）
• objectIdField，要识别图形的字段，输入oid (*)
• fields，图形属性各字段的名称、别名、类型

在你的情况下，只是通过推断可能的属性，它应该是这样的

const dataFeedLayer = new FeatureLayer({
    source: locationData.map((d,i)=>(
        {
            geometry: new Point({
                longitude: d.longitude,
                latitude: d.latitude
            }),
            attributes: {
                ObjectID: i,
                ...d
            }
        }
    )),
    objectIdField: 'ObjectID',
    popupTemplate : popUpTemplate,
    fields: [
        {
            name: "ObjectID",
            alias: "ID",
            type: "oid"
        },
        {
            name: "PhysicianName",
            alias: "Physician Name",
            type: "string"
        },
        {
            name: "PrimarySpecialty",
            alias: "Primary Specialty",
            type: "string"
        },
        {
            name: "url",
            alias: "Url",
            type: "string"
        }
    ]
});

从客户端功能创建 FeatureLayer 时，此属性应与源属性一起在构造函数中设置。 objectId 字段也必须在此数组或 objectIdField 属性中设置。

来自ArcGIS JS API - FeatureLayer fields