类名 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 ''

图片url,支持图片base64编码加载

xoffset Number 0

marker的x轴偏移,单位像素

yoffset Number 0

marker的y轴偏移,单位像素

angle Number 0

旋转角度,单位度,0~360度

查看源代码 common/base/symbol/PictureMarkerSymbol.js, line 6

支持如下方法:
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:

查看源代码 common/base/symbol/MarkerSymbol.js, line 34

Number

# xoffset

marker的x轴偏移

Inherited From:

查看源代码 common/base/symbol/MarkerSymbol.js, line 24

Number

# yoffset

marker的y轴偏移

Inherited From:

查看源代码 common/base/symbol/MarkerSymbol.js, line 29

方法

# static fromJSON(json)

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

参数:

名称 类型 描述
json Object

符号的实例化JSON

查看源代码 common/base/symbol/PictureMarkerSymbol.js, line 89

新的PictureMarkerSymbol对象

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

# clone()

克隆并返回新的符号对象

Overrides:

查看源代码 common/base/symbol/PictureMarkerSymbol.js, line 98

克隆后的新符号对象

# toJSON()

导出为JSON对象

Overrides:

查看源代码 common/base/symbol/PictureMarkerSymbol.js, line 106

JSON对像

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