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

相关内容

热门资讯

透视好友!智星菠萝辅助,如何下... 透视好友!智星菠萝辅助,如何下载wpk透视版,AI教程(一直是真的有挂)是由北京得智星菠萝辅助黑科技...
透视软件!wepoker辅助工... 透视软件!wepoker辅助工具,wepoker底牌透视脚本http,推荐攻略(有挂教学),亲,有的...
透视计算!德普之星透视辅助io... 透视计算!德普之星透视辅助ios,aapoker有脚本吗,科普常识(有挂攻略)是一款可以让一直输的玩...
透视app!aapoker辅助... WePoker透视辅助版本稳定性对比与推荐‌:透视app!aapoker辅助插件工具,wepoker...
透视教程!智星德州有脚本吗,x... 透视教程!智星德州有脚本吗,xpoker辅助器,第三方教程(一贯真的是有挂)智星德州有脚本吗平台为新...
透视挂!wepoker辅助器是... 透视挂!wepoker辅助器是真的的吗,wepoker辅助器是真的的吗,重大消息(有挂技巧)1、很好...
透视存在!智星菠萝可以辅助吗,... 《透视存在!智星菠萝可以辅助吗,德州机器人代打脚本,教你教程(先前真的有挂)》 智星菠萝可以辅助吗软...
透视软件!德普之星有没有挂,w... 一、德普之星有没有挂简介了解软件请加微:136704302德普之星有没有挂是一款在线扑克游戏平台,玩...
透视教程!wpk透视表,hhp... 透视教程!wpk透视表,hhpoker透视脚本,一分钟教会你(有挂介绍)1、打开德州poker外挂分...
透视规律!wpk透视表,hhp... 透视规律!wpk透视表,hhpoker德州挂真的有吗,玩家教程(一贯存在有挂);玩家必备必赢加哟《1...