类名 IconSymbol3DLayer

# new IconSymbol3DLayer(options)

三维图标符号图层,用来在三维场景中绘制图标,不支持二维地图视图
支持使用网络图片资源或者使用系统自带的图标资源
是一个始终朝向屏幕,并且立起来的图标
示例如下:
[1、使用网络资源创建一个三维图标图层对象]
[2、使用系统自带资源创建一个三维图标图层对象]

参数:

名称 类型 默认值 描述
options Object

构造参数

resource IconResource new IconResource()

图标的资源,如果没有设置图标资源,则使用系统自带的图标;
系统支持的图标类型有:'circle'|'square'|'cross'|'x'|'kite'|'triangle'

size Number 1

图标的大小,单位像素

material ColorMaterial new ColorMaterial()

材质,目前支持的材质有:
ColorMaterial: 纯色材质,当图标的资源是网络图片时,指的是图标的覆盖物颜色,通过覆盖物颜色的透明度可以来更改图标的透明度;当图标的资源是是系统自带的图标时,指的是填充颜色

outline PointSymbol3DOutline new PointSymbol3DOutline()

外边线样式,仅当图标的资源是系统自带的图标时有效

anchor AnchorType AnchorType.center

锚点,指的图标相对于原始坐标点的位置

anchorPosition Point new Point({coordinates: [0, 0]})

锚点相对偏移量,即屏幕像素偏移

支持如下方法:
[1、通过json数据构造一个IconSymbol3DLayer对象]
[2、导出为json数据]
[3、克隆并返回一个新的IconSymbol3DLayer对象]

示例

使用网络资源创建一个三维图标图层对象

// ES5引入方式
const { Color } = zondy
const { IconSymbol3DLayer, IconResource } = zondy.symbol
// ES6引入方式
import { IconSymbol3DLayer, IconResource, Color } from "@mapgis/webclient-common"

// 创建三维图标符号图层
const iconSymbol3DLayer = new IconSymbol3DLayer({
  // 设置资源地址
  resource: new IconResource({
    href: '图片的网络资源'
  }),
  // 设置图标大小,单位像素
  size: 50
})

使用系统自带资源创建一个三维图标图层对象

// ES5引入方式
const { Color } = zondy
const { IconSymbol3DLayer, IconResource } = zondy.symbol
// ES6引入方式
import { IconSymbol3DLayer, IconResource, Color } from "@mapgis/webclient-common"

// 创建三维图标符号图层
const iconSymbol3DLayer = new IconSymbol3DLayer({
  // 设置资源地址
  resource: new IconResource({
    // 创建一个圆形图标
    primitive: 'circle'
  }),
  // 设置图标大小,单位像素
  size: 50
})

继承关系

成员变量

AnchorType

# anchor

锚点,指的图标相对于原始坐标点的位置

Point

# anchorPosition

锚点相对偏移量,即屏幕像素偏移

Color

# color

颜色

Inherited From:
Object

# extensionOptions

符号的额外构造参数,该构造参数是地图引擎的额外构造参数,在此设置了之后,会覆盖该符号转换好地图引擎的构造参数

Inherited From:
Default Value:
  • {}
String

# readonly id

符号id

Inherited From:
ColorMaterial

# material

材质

PointSymbol3DOutline

# outline

外边线样式

IconResource

# resource

图标的资源,如果没有设置图标资源,则使用系统自带的图标

Number

# size

图标的大小,单位像素

Symbol3DLayerType

# type

三维符号图层类型

Overrides:
构造函数
成员变量
方法
事件