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"
}
}
]
}
]
},
}