Vue Arcgis PopupTemplate研究（1）

秋秋_瑶瑶

已于 2022-09-27 14:34:57 修改

阅读量444

点赞数

分类专栏： arcgis开发 Vue 文章标签： arcgis vue.js popup

于 2022-09-27 14:32:15 首次发布

本文链接：https://blog.csdn.net/qiulei_21/article/details/127070740

版权

Vue 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

arcgis开发

3 篇文章 0 订阅

订阅专栏

官网API:
链接: PopupTemplate

环境版本

Vite+Vue3 Arcgis 4.24.7

引入

amd: require([“esri/PopupTemplate”]
esm: import PopupTemplate from ‘@arcgis/core/PopupTemplate’;

属性

content
actions
fieldInfos
outFields
title

实例

const template={
		title: "{NAME} in {COUNTY}",
          content: [
            {
              type: "fields",
              fieldInfos: [
                {
                  fieldName: "B12001_calc_pctMarriedE",
                  label: "Married %"
                },
                {
                  fieldName: "B12001_calc_numMarriedE",
                  label: "People Married",
                  format: {
                    digitSeparator: true,
                    places: 0
                  }
                },
                {
                  fieldName: "B12001_calc_numNeverE",
                  label: "People that Never Married",
                  format: {
                    digitSeparator: true,
                    places: 0
                  }
                },
                {
                  fieldName: "B12001_calc_numDivorcedE",
                  label: "People Divorced",
                  format: {
                    digitSeparator: true,
                    places: 0
                  }
                }
              ]
            }
          ]
        };
const featureLayer = new FeatureLayer({
          url: ……,
          **popupTemplate: **template****
        });
        ……
      });