popuptemplate的使用

2021-09-02 09:31:32 阅读：189 来源： 互联网

标签：popuptemplate places digitSeparator label fieldName 使用 B12001 calc

在使用arcgis api for js 会有默认的弹窗组件，就是popup使用它可以显示地图上的相关属性，可以通过，点击查询事件，自动的获取到所处位置的属性表信息，将详细的信息对到弹窗当中，操作较为方便。

以下代码是我从官方样例中截取的一段，他的作用是以表格的形式显示要素的属性

        // Create the PopupTemplate
        const popupTemplate = {
          // autocasts as new PopupTemplate()
          title: "{NAME} in {COUNTY}",
          content: [
            {
              type: "fields",
              fieldInfos: [
                {
                  fieldName: "B12001_calc_pctMarriedE",   //fieldName是属性表中的名称
                  label: "% Married",                     //label是显示的标签
                  format: {
                    places: 0,
                    digitSeparator: true
                  }
                },
                {
                  fieldName: "B12001_calc_numMarriedE",
                  label: "Total Married",
                  format: {
                    places: 0,
                    digitSeparator: true
                  }
                },
                {
                  fieldName: "B12001_calc_numNeverE",
                  label: "Never Married",
                  format: {
                    places: 0,
                    digitSeparator: true
                  }
                },
                {
                  fieldName: "B12001_calc_numDivorcedE",
                  label: "Total Divorced",
                  format: {
                    places: 0,
                    digitSeparator: true
                  }
                }
              ]
            }
          ]
        };

如果内容是一段文字的话也可以之间使用类似宇title的定义的那种情况，世界通过{属性名称}即可显示

标签：popuptemplate,places,digitSeparator,label,fieldName,使用,B12001,calc
来源： https://www.cnblogs.com/1gaoyu/p/15217312.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

popuptemplate的使用