类名 SimpleMarkerSymbol

# new SimpleMarkerSymbol(options)

简单Marker符号,支持点几何对象,参考示例:[简单Marker样式]

[ES5引入方式]:
zondy.symbol.SimpleMarkerSymbol()
[ES6引入方式]:
import { SimpleMarkerSymbol } from "@mapgis/webclient-common"

参数:

名称 类型 默认值 描述
options Object

构造参数

color Color | String new Color(255, 255, 255, 1)

填充颜色,默认为白色

outline SimpleLineSymbol new SimpleLineSymbol()

外边线样式

size Number 20

像素块大小(半径),单位像素

style String 'circle'

marker样式,默认'circle',可选"circle"|"square"|"cross"|"x"|"diamond"|"triangle"

path String ''

svg中path标签的d属性,用于自定义,优先级高于style,不支持过于复杂的d属性,不支持SceneView

xoffset Number 0

marker的x轴偏移,单位像素

yoffset Number 0

marker的y轴偏移,单位像素

angle Number 0

Marker图标的旋转角度,单位度,0~360度,顺时针旋转

支持如下方法:
1、克隆并返回新的符号对象
2、导出一个JSON对像
[3、通过json构造并返回一个新的SimpleMarkerSymbol对象]

示例

简单Marker样式

// ES5引入方式
const { SimpleMarkerSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import { SimpleMarkerSymbol, Color } from "@mapgis/webclient-common"
const simpleMarkerSymbol = new SimpleMarkerSymbol({
  // 填充颜色
  color: new Color(252, 100, 22, 1),
  // 旋转角度,单位度,0~360度
  angle: 90,
  // marker的x轴偏移,单位像素
  xoffset: -1,
  // marker的y轴偏移,单位像素
  yoffset: 5,
  // 像素块大小(半径),单位像素
  size: 13,
  // 外边线样式
  outline: new SimpleLineSymbol({
    // 外边线颜色
    color: new Color(255, 0, 0, 1),
    // 外边线宽度
    width: 2
  }),
});

符号style和自定义path路径说明

// 不论是style还是path,都是描述了图形的形状。值得注意的是,图形的填充颜色由color决定,图形的线划参数由outline属性决定。
// 设置符号为三角形,style属性为'triangle'。
const simpleMarkerSymbol = new SimpleMarkerSymbol({
        style: "triangle"
 });
// 如果设置path属性,将会覆盖Style描述的符号形状,采用path属性描述的符号形状。
const simpleMarkerSymbol = new SimpleMarkerSymbol({
        path:"M300 300 L0 300 L0 0 L300 300"
 });

继承关系

成员变量

Number

# angle

旋转角度

Inherited From:
SimpleLineSymbol

# outline

外边线样式类型

String

# path

svg中path标签的d属性,用于自定义,优先级高于style,不支持过于复杂的d属性,不支持SceneView

Number

# size

marker大小

String

# style

marker样式

String

# type

符号类型

Overrides:
Number

# xoffset

marker的x轴偏移

Inherited From:
Number

# yoffset

marker的y轴偏移

Inherited From:

方法

# static fromJSON(json)

通过json构造并返回一个新的SimpleMarkerSymbol对象

参数:

名称 类型 描述
json Object

符号的实例化JSON

新的SimpleMarkerSymbol对象

示例
<caption><h7>通过json构造并返回一个新的SimpleMarkerSymbol对象</h7></caption>

# clone()

克隆并返回新的符号对象

Overrides:

克隆后的新符号对象

# toJSON()

导出为JSON对象

Overrides:

JSON对像

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