# new PictureMarkerSymbol(options)
图片Marker符号,支持点几何对象,参考示例:[图片Marker样式]
[ES5引入方式]:
zondy.symbol.PictureMarkerSymbol()
[ES6引入方式]:
import { PictureMarkerSymbol } from "@mapgis/webclient-common"
参数:
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
options |
Object | 构造参数 |
|
color |
Color | String | new Color(255, 255, 255, 1) | 覆盖颜色,默认为白色 |
width |
Number | 20 | 图片宽度,单位像素 |
height |
Number | 20 | 图片高度,单位像素 |
url |
String | Object | '' | 图片源数据,支持Image、HTMLCanvasElement、SVGElement、Svg字符串、基础图像地址、相对路径等 |
xoffset |
Number | 0 | marker的x轴偏移,单位像素 |
yoffset |
Number | 0 | marker的y轴偏移,单位像素 |
angle |
Number | 0 | 旋转角度,单位度,0~360度 |
支持如下方法:
1、克隆并返回新的符号对象
2、导出一个JSON对像
[3、通过json构造并返回一个新的PictureMarkerSymbol对象]
示例
// ES5引入方式
const { PictureMarkerSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import { PictureMarkerSymbol, Color } from "@mapgis/webclient-common"
const pictureMarkerSymbol = new PictureMarkerSymbol({
// 覆盖颜色
color: new Color(252, 100, 22, 1),
// 旋转角度,单位度,0~360度
angle: 90,
// marker的x轴偏移,单位像素
xoffset: -1,
// marker的y轴偏移,单位像素
yoffset: 5,
// 图片高度,单位像素
height: 20,
// 图片宽度,单位像素
width: 30,
// 图片url
url: "图片url"
});
继承关系
成员变量
方法
# static fromJSON(json)
参数:
名称 | 类型 | 描述 |
---|---|---|
json |
Object | 符号的实例化JSON |
新的PictureMarkerSymbol对象
示例
<caption><h7>通过json构造并返回一个新的PictureMarkerSymbol对象</h7></caption>