# 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对象]
示例
// 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,都是描述了图形的形状。值得注意的是,图形的填充颜色由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"
});
继承关系
成员变量
方法
# static fromJSON(json)
参数:
名称 | 类型 | 描述 |
---|---|---|
json |
Object | 符号的实例化JSON |
新的SimpleMarkerSymbol对象
示例
<caption><h7>通过json构造并返回一个新的SimpleMarkerSymbol对象</h7></caption>