ArcGIS API for JS 之 FeatureLayer（二）popupTemplate的使用

ArcGIS API for JS 之 FeatureLayer（二）popupTemplate的使用

---

1.Popup与PopupTemplate

Popup（弹窗）是View（视图类）的一个属性。每一个View的实例都有一个popup，但是popup的表现形式和样式由每个layer或者Graphic的popupTemplate决定。如果没有设置popupTemplate，则popup会根据默认样式显示。

因此，Popup服务于View，PopupTemplate服务于Layer和Graphic。

相较于Popup来说，PopupTemplate属性字段比较少，但可定制程度更高：

以弹框的主要部分title和content来看，Popup的title和content类型单一，主要取string类型，而PopupTemplate的title、content还可以是一个方法，content甚至可以是Object[]，这就使PopupTemplate可以更灵活的表达我们想展示的内容。

2.创建一个图层的popupTemplate

this.myFeatureLayer.popupTemplate = this.myFeatureLayer.createPopupTemplate();
this.myFeatureLayer.popupTemplate = {
   
	title: "详情",
	content:"……",
	overwriteActions: true,
	actions:[{
   
		title: "巡查记录",
		id: 'PatrolRecord'
	}]
};

3.标题设置（PopupTemplate.）

可以采用以下方式定义标题模板：

• String：可以采用简单的字符串，也可加入要素的某些属性字段，下面代码段中的{NAME}就是图层的字段名。

let popupTemplate = {
   
 title: "Population in {NAME} County",
 outFields: ["*"]
};

• Function：如果使用函数，当单击feature时，该feature将作为参数传递给函数，函数内部可以访问其图形和属性，函数执行并返回一个值作为显示在弹出模板中的标题。

let popupTemplate = {
   
 title<