# MapGIS Client for JavaScript API

Cesium MapboxGL Leaflet OpenLayers
API文档

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

### 继承关系

- MarkerSymbol

### 成员变量

类型: Number

#### # angle

旋转角度

Inherited From:
  - MarkerSymbol#angle

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

类型: Number

#### # height

图片高度

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

类型: String

#### # type

符号类型

Overrides:
  - MarkerSymbol#type

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

类型: String

#### # url

图片url

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

类型: Number

#### # width

图片宽度

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

类型: Number

#### # xoffset

marker的x轴偏移

Inherited From:
  - MarkerSymbol#xoffset

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

类型: Number

#### # yoffset

marker的y轴偏移

Inherited From:
  - MarkerSymbol#yoffset

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

### 方法

#### # static fromJSON(json)

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

#### 参数:

名称 | 类型 | 描述
--- | --- | ---
`json` | Object | 符号的实例化JSON

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

返回值:

新的PictureMarkerSymbol对象

类型: PictureMarkerSymbol

##### 示例

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

#### # clone()

克隆并返回新的符号对象

Overrides:
  - MarkerSymbol#clone

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

返回值:

克隆后的新符号对象

类型: PictureMarkerSymbol

#### # toJSON()

导出为JSON对象

Overrides:
  - MarkerSymbol#toJSON

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

返回值:

JSON对像

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