VectorLayer

发送反馈


VectorLayer 对象定义构建一个矢量图层所需的基本属性。

属性列表

属性 类型 说明

layerType

string

【必填属性】

矢量图层的类别,固定常量 "VECTOR"。

name

string

【必填属性】

图层的名称。

visible

boolean

【必填属性】

图层的可见性。

opacity

number

【可选属性】

图层的不透明度。最大值为1,最小值为0。

visibleScale

VisibleScale

【可选属性】

存储当前图层的可见比例尺范围。

dataSource

DataSource

【必填属性】

数据源,矢量图层的数据源为以下五种数据源之一:

 PortalDataSourceSampleDataRestDataUserDataRestMap

projection

string

【必填属性】

图层的投影坐标系。使用 EPSG 或 WKT 的坐标系统描述标准。

featureType

string

【必填属性】

图层要素的类型,可选常量 "POINT"、"LINE"、"POLYGON"。

xyField

object<srting>

【必填属性】

由"xField" 和 "yField" 两个子属性组成,分别定义点要素 X,Y 坐标所属的字段名称。

style

object

【必填属性】

矢量图层要素的样式与风格,由 featureType 属性值决定。如果要素类型是 "POINT",则点要素样式满足PointStyle ;如果要素类型是 "LINE",则线要素样式满足LineStyle;如果要素类型是 "POLYGON",则面要素样式满足PolygonStyle

labelStyle

LabelStyle

【可选属性】

矢量图层标签的样式与风格。

legendSetting

LegendSetting

【可选属性】

矢量图层的图例设置。

searchSetting

SearchSetting

【可选属性】

矢量图层的搜索设置。

enableFields

array<string>

【必填属性】

属性表中的可见字段。

captions

object

【可选属性】

键为字段名,值为用户自定义的 string 类型的字段显示名称,例如:{"ADDRESS":"ADDRESS 的显示名称"}。

autoUpdateTime

number

【可选属性】

图层数据自动刷新的时间,单位为毫秒。

popupInfo

WithPopupInfo

【可选属性】

矢量图层属性弹窗设置。

示例

  1. 构建符合 WebMap 规范的矢量点图层。

 {   

     "layers": [

        {

            "layerType": "VECTOR",

            "name": "全国省会点",

            "visible": true,

            "featureType": "POINT",

            "xyField": {

                "xField": "X",

                "yField": "Y"

            },

            "projection": "EPSG:4326",

            "enableFields": [

                "X",

                "Y",

                "省",

                "省会"

            ],

            "style": {

                "radius": 8,

                "fillColor": "#b8e986",

                "fillOpacity": 0.53,

                "strokeColor": "#50e3c2",

                "strokeWidth": 1,

                "strokeOpacity": 1,

                "offsetX": -0.7,

                "offsetY": 0.5,

                "type": "BASIC_POINT"

            },

            "dataSource": {

                "type": "PORTAL_DATA",

                "serverId": "1630324307",

                "accessType": "DIRECT"

            }

        }

    ],

 }

  1. 构建符合 WebMap 规范的矢量面图层。

 {   

     "layers": [        

        {

            "layerType": "VECTOR",

            "name": "全国省会点",

            "visible": true,

            "featureType": "POLYGON",

            "projection": "EPSG:4326",

            "enableFields": [

                "X",

                "Y",

                "省",

                "省会"

            ],

            "style": {

                "fillColor": "#826DBA",

                "fillOpacity": 0.9,

                "strokeColor": "#ffffff",

                "strokeWidth": 1,

                "strokeOpacity": 1,

                "lineDash": "solid",

                "type": "POLYGON"

            },

            "dataSource": {

                "type": "PORTAL_DATA",

                "serverId": "1195851180",

                "accessType": "DIRECT",

                "administrativeInfo": {

                    "divisionType": "Province",

                    "divisionField": "省"

                 }

            }

        }

     ],

 }

  1. 构建符合 WebMap 规范的矢量线图层。

{

    "layers": [

        {

            "layerType": "VECTOR",

            "name": "北京市地铁交通线路",

            "visible": true,

            "featureType": "LINE",

            "projection": "EPSG:4326",

            "enableFields": [

                "标准名称"

            ],

            "style": [

                {

                    "strokeWidth": 1,

                    "lineDash": "solid",

                    "strokeColor": "#d69c08",

                    "strokeOpacity": 1,

                    "type": "LINE"

                },

                {

                    "strokeColor": "#4CC8A3",

                    "strokeWidth": 2,

                    "strokeOpacity": 1,

                    "lineDash": "dash",

                    "type": "LINE"

                }

            ],

            "dataSource": {

                "type": "SAMPLE_DATA",

                "name": "BeijingSubwayLine"

            }

        }

    ],

}