WithPopupInfo |
用于定义图层属性弹窗的相关信息。
| 属性 | 类型 | 说明 |
|
title |
string/Expressions |
属性弹窗的标题。 |
|
elements |
array |
属性弹窗中显示的内容数组，支持添加的内容元素包括： ["IMAGE",MediaInfo]、["VIDEO",MediaInfo]、["FIELD",FieldInfo]、["TEXT",TextInfo]、["DIVIDER",Divider] |
该数据结构可以灵活地应对数据格式化和动态运算的需求。
| 属性 | 类型 | 说明 |
|
Get |
array |
从当前根对象获取属性值，可以由常量 "get" 和 string 类型的属性字段名组成，例如：["get","地区名称"]；也可以由常量"get"和嵌套的 Get/Concat 属性组成，例如：["get",["concat","地区名称"]。 |
|
Concat |
array |
字符串连接运算符，可以由常量"concat"和 string 类型文本组成，例如：["concat","弹窗"]；也可以由常量"concat"和嵌套的 Get/Concat 属性组成，例如：["concat",["get","地区名称"],"弹窗"]。 |
用于定义媒体类型的弹窗信息。
| 属性 | 类型 | 说明 |
|
type |
string |
媒体信息的类型，支持图片和视频类型，对应常量“IMAGE"、"VIDEO"。 |
|
title |
string/Expressions |
媒体信息的名称。 |
|
value |
string/Expressions |
存储媒体信息的链接，或其对应的字段名称。 |
用于定义字段类型的弹窗信息。
| 属性 | 类型 | 说明 |
|
type |
string |
字段类型的弹窗信息，对应常量“FIELD"。 |
|
filedName |
string |
字段名称。 |
用于定义文本类型的弹窗信息。
| 属性 | 类型 | 说明 |
|
type |
string |
文本类型的弹窗信息，对应常量“TEXT"。 |
|
infos |
array<object> |
文本信息数组，[insert,attributes]。 |
用于定义文本内容信息。
| 属性 | 类型 | 说明 |
|
insert |
string/Expressions |
文本的内容信息。 |
用于定义文本样式。
| 属性 | 类型 | 说明 |
|
link |
string/Expressions |
文本超链接。 |
|
font |
string |
文本字体，支持的字体类型包括："Microsoft"、"SimSun"、"SimHei"、"KaiTi"、"FangSong"、 "Arial"、"Times-New-Roman"、"sans-serif" |
|
size |
string |
文本字号，支持的字号包括："small"、"normal"、"large"、"huge" |
|
color |
string |
文本颜色。 |
|
bold |
boolean |
文本是否加粗。 |
|
underline |
boolean |
文本是否添加下划线。 |
|
strike |
boolean |
文本是否添加删除线。 |
|
align |
string |
文本对齐方式，支持的对齐方式包括："right"、"left"、"justify"、"center"。 |
|
italic |
boolean |
文本是否倾斜。 |
用于将弹窗中的内容分块。
| 属性 | 类型 | 说明 |
|
type |
string |
弹窗内容分块，对应常量“DIVIDER"。 |
创建一个符合 WebMap 规范的属性弹窗。
{
"popupInfo": {
"title": [
"concat",
[
"get",
"地区名称"
],
"弹窗"
],
"elements": [
{
"type": "FIELDS",
"fieldName": "fieldName1"
},
{
"type": "FIELDS",
"fieldName": "fieldName2"
},
{
"type": "VIDEO",
"title": [
"concat",
"2001年",
[
"get",
"人口数"
],
"人"
],
"url": [
"concat",
"https://cn.bing.com/images/",
[
"get",
"文件名"
]
]
},
{
"type": "IMAGE",
"title": "现场视频",
"url": "https://cn.bing.com/images/xxx/.png"
},
{
"type": "DIVISION"
},
{
"type": "TEXT",
"infos": [
{
"insert": [
"concat",
"这个站点是",
[
"get",
"描述"
]
],
"attributes": {
"size": "huge",
"bold": true,
"align": "center"
}
}
]
},
{
"type": "TEXT",
"infos": [
{
"insert": "这是一段string类型的描述内容",
"attributes": {
"size": "huge",
"bold": true,
"align": "center"
}
}
]
}
]
},
}