类名 PictureMarkerSymbol

# 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对象]

示例

创建图片Marker样式对象

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

继承关系

成员变量

Number

# angle

旋转角度

Inherited From:
Number

# height

图片高度

String

# type

符号类型

Overrides:
String | Object

# url

图片源数据,支持Image、HTMLCanvasElement、SVGElement、Svg字符串、基础图像地址、相对路径等

Number

# width

图片宽度

Number

# xoffset

marker的x轴偏移

Inherited From:
Number

# yoffset

marker的y轴偏移

Inherited From:

方法

# static fromJSON(json)

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

参数:

名称 类型 描述
json Object

符号的实例化JSON

新的PictureMarkerSymbol对象

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

# clone()

克隆并返回新的符号对象

Overrides:

克隆后的新符号对象

# toJSON()

导出为JSON对象

Overrides:

JSON对像

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