Class: PictureMarkerSymbol

PictureMarkerSymbol

new PictureMarkerSymbol(options)

base/symbol/PictureMarkerSymbol.js, line 6

图片Marker符号，支持点几何对象，参考示例：[图片Marker样式]

Name Type Default Description
options Object {} 可选

构造参数

Name Type Default Description
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轴偏移，单位像素, xoffset正值表示marker相对于锚点向右偏移
yoffset Number 0 可选

marker的y轴偏移，单位像素, yoffset正值表示marker相对于锚点向上偏移
angle Number 0 可选

旋转角度，单位度，0~360度
Example

创建图片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"
});

Extends

Members

angleNumber

旋转角度

colorColor

颜色(重新修改默认值)

heightNumber

图片高度

typeString

符号类型

urlString Object

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

widthNumber

图片宽度

xoffsetNumber

marker的x轴偏移，单位像素, xoffset正值表示marker相对于锚点向右偏移

yoffsetNumber

marker的y轴偏移，单位像素, yoffset正值表示marker相对于锚点向上偏移

Methods

clone(){PictureMarkerSymbol}

base/symbol/PictureMarkerSymbol.js, line 96

克隆并返回新的符号对象

Returns:
Type Description
PictureMarkerSymbol 克隆后的新符号对象

toJSON(){Object}

base/symbol/PictureMarkerSymbol.js, line 104

导出为JSON对象

Returns:
Type Description
Object JSON对像

PictureMarkerSymbol.fromJSON(json){PictureMarkerSymbol}

base/symbol/PictureMarkerSymbol.js, line 87

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

Name Type Description
json Object

符号的实例化JSON
Returns:
Type Description
PictureMarkerSymbol 新的PictureMarkerSymbol对象
Example
通过json构造并返回一个新的PictureMarkerSymbol对象