ArcGISEsri-Popup模板自定义内容无法显示图形属性。(Angular11)
创始人
2024-09-12 05:00:21
0

在ArcGIS Esri中,想要在Popup模板自定义内容中显示图形属性,需要对ArcGIS API进行自定义扩展。具体实现步骤如下:

  1. 在ArcGIS API的扩展中添加要显示的图形属性字段。比如以下代码中,我们添加了一个名为“POPULATION”的字段。
//在扩展中添加要显示的属性字段
declare module "esri/PopupTemplate" {
  interface PopupTemplate {
    customFieldInfos: CustomFieldInfo[];
  }

  interface CustomFieldInfo {
    fieldName: string;
    label?: string;
    format?: {
      digitSeparator: boolean;
      places: number;
    };
  }
}

const POPULATION_CUSTOM_FIELD_INFO: CustomFieldInfo = {
  fieldName: "POPULATION",
  label: "Population",
  format: { digitSeparator: true, places: 0 },
};
  1. 在自定义Popup模板中添加要显示的内容。比如以下代码中,我们添加了一个名为“$feature.POPULATION”的自定义属性,用来显示“POPULATION”的值。


  

{{ popup.title }}

${{ $feature.POPULATION }} people live here.

{{ popup.actions }}
  1. 在ArcGIS地图中设置Popup模板,并调用自定义Popup模板。比如以下代码中,我们将自定义Popup模板设置为“customPopup”,并在地图上显示。
//设置Popup模板
const popupTemplate = new PopupTemplate({
  title: "{CITY_NAME}, {STATE_NAME}",
  customFieldInfos: [POPULATION_CUSTOM_FIELD_INFO],
});

//设置自定义Popup模板
const customPopupTemplate = {
  content: this.customPopupTemplate

相关内容

热门资讯

透视好牌!胡乐麻将辅助,aa ... 透视好牌!胡乐麻将辅助,aa poker透视软件-往昔有挂开挂辅助挂 了解更多开挂安装加(13670...
透明安装!吉祥填大坑攻略,we... 透明安装!吉祥填大坑攻略,wepoker透视底牌脚本-先前有挂开挂辅助安装;无需打开直接搜索加(薇:...
透视辅助!边锋小程序辅助器免费... 透视辅助!边锋小程序辅助器免费,红龙poker有辅助吗-原先有挂开挂辅助脚本;无需打开直接搜索加薇1...
透视辅助!吉祥填大坑脚本小程序... 透视辅助!吉祥填大坑脚本小程序,hhpoker怎么开透视-本然有挂开挂辅助插件;无需打开直接搜索打开...
透视能赢!决战辅助,wepok... 透视能赢!决战辅助,wepoker破解游戏盒子-从前有挂开挂辅助神器这是一款可以让一直输的玩家,快速...
透视挂!兴动互娱辅助设置步骤详... 透视挂!兴动互娱辅助设置步骤详解,约局吧开挂神器是真的吗-原生有挂开挂辅助工具;无需打开直接搜索加薇...
透明讲解!广东麻将辅助工具,w... 透明讲解!广东麻将辅助工具,wepoker网页版透视方法-从来有挂开挂辅助平台;亲,广东麻将辅助工具...
透视规律!福建天天开心辅助工具... 【亲,福建天天开心辅助工具 这款游戏可以开挂的,确实是有挂的,很多玩家在这款福建天天开心辅助工具中打...
透视科技!多乐游戏小程序辅助器... 您好:多乐游戏小程序辅助器免费这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
透视真的!洞庭茶苑辅助,wej... 透视真的!洞庭茶苑辅助,wejoker辅助机器人-往昔有挂开挂辅助下载 了解更多开挂安装加(1367...