WithPopupInfo

发送反馈


用于定义图层属性弹窗的相关信息。

属性列表

属性 类型 说明

title

string/Expressions

属性弹窗的标题。

elements

array

属性弹窗中显示的内容数组,支持添加的内容元素包括:

["IMAGE",MediaInfo]、["VIDEO",MediaInfo]、["FIELD",FieldInfo]、["TEXT",TextInfo]、["DIVIDER",Divider]

Expressions

该数据结构可以灵活地应对数据格式化和动态运算的需求。

属性 类型 说明

Get

array

从当前根对象获取属性值,可以由常量 "get" 和 string 类型的属性字段名组成,例如:["get","地区名称"];也可以由常量"get"和嵌套的 Get/Concat 属性组成,例如:["get",["concat","地区名称"]。

Concat

array

字符串连接运算符,可以由常量"concat"和 string 类型文本组成,例如:["concat","弹窗"];也可以由常量"concat"和嵌套的 Get/Concat 属性组成,例如:["concat",["get","地区名称"],"弹窗"]。

MediaInfo

用于定义媒体类型的弹窗信息。

属性 类型 说明

type

string

媒体信息的类型,支持图片和视频类型,对应常量“IMAGE"、"VIDEO"。

title

string/Expressions

媒体信息的名称。

value

string/Expressions

存储媒体信息的链接,或其对应的字段名称。

FieldInfo

用于定义字段类型的弹窗信息。

属性 类型 说明

type

string

字段类型的弹窗信息,对应常量“FIELD"。

filedName

string

字段名称。

TextInfo

用于定义文本类型的弹窗信息。

属性 类型 说明

type

string

文本类型的弹窗信息,对应常量“TEXT"。

infos

array<object>

文本信息数组,[insert,attributes]。

insert

用于定义文本内容信息。

属性 类型 说明

insert

string/Expressions

文本的内容信息。

 

attributes

用于定义文本样式。

属性 类型 说明

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

文本是否倾斜。

Divider

用于将弹窗中的内容分块。

属性 类型 说明

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"

                        }

                    }

                ]

            }

        ]

    },

}