MapGIS Client for JavaScript API

new IconSymbol3DLayer(options)

base/symbol/symbol3DLayer/IconSymbol3DLayer.js, line 7

支持如下方法：

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

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

Name Type Description

options

Object

构造参数

Name	Type	Default	Description
`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]})	可选锚点相对偏移量，即屏幕像素偏移

Examples

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

// 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
})