Class: SimpleLineSymbol

SimpleLineSymbol

new SimpleLineSymbol(options)

base/symbol/SimpleLineSymbol.js, line 6

支持如下方法:
1、克隆并返回新的符号对象
2、导出一个JSON对像
[3、通过json构造并返回一个新的SimpleLineSymbol对象]

简单线符号,支持线几何对象,参考示例:[线符号样式]

[ES5引入方式]:
zondy.symbol.SimpleLineSymbol()
[ES6引入方式]:
import { SimpleLineSymbol } from "@mapgis/webclient-common"

Name Type Description
options Object

线符号样式

Name Type Default Description
width Number 1 可选

线符号宽度,默认为1

color Color | String new Color(255, 0, 0, 1) 可选

线符号颜色,默认为红色

cap String 'round' 可选

线的起点和终点样式,可选参数 "butt"|"round"|"square" butt:线的首尾为直角,round:线的首尾为圆形,square:线的首尾会超出一部分,且为矩形 。已知限制,在SceneView中,不支持此功能

join String 'round' 可选

线的拐角样式,可选参数 "miter"|"round"|"bevel", miter:线的拐角为直角,round:线的拐角为圆角,bevel:线的拐角为斜角。已知限制,在SceneView中,不支持此功能

miterLimit Number 2 可选

斜接的宽度与线宽的最大允许比率,防止转角过小问题

style String 'solid' 可选

线样式,默认'solid',可选"dash"|"dash-dot"|"dot"|"long-dash"|"long-dash-dot"|"long-dash-dot-dot"|"none"|"short-dash"|"short-dash-dot"|"short-dash-dot-dot"|"short-dot"|"solid"

marker LineSymbolMarker 可选

线端点样式。已知限制, 此功能目前仅在MapView视图(leaflet)生效

Example

创建线符号样式对象

// ES5引入方式
const { SimpleLineSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import { SimpleLineSymbol, Color } from "@mapgis/webclient-common"
const simpleLineSymbol = new SimpleLineSymbol({
  // 线符号颜色
  color: new Color(255, 0, 0, 1),
  // 线符号宽度
  width: 2,
  // 线首尾角样式
  cap: "round",
  // 线接角样式
  join: "round",
  // 斜接的宽度与线宽的最大允许比率
  miterLimit: 2,
  // 线样式
  style: "solid"
});

Extends

Members

capString

首尾角样式

colorColor

颜色

joinString

接角样式

线端点样式

miterLimitNumber

斜接的宽度与线宽的最大允许比率

styleString

线样式

typeString

符号类型

widthNumber

线宽度

Methods

SimpleLineSymbol.fromJSON(json){SimpleLineSymbol}

base/symbol/SimpleLineSymbol.js, line 104

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

Name Type Description
json Object

符号的实例化JSON

Returns:
Type Description
SimpleLineSymbol 新的SimpleLineSymbol对象
Example
通过json构造并返回一个新的SimpleLineSymbol对象

clone(){SimpleLineSymbol}

base/symbol/SimpleLineSymbol.js, line 113

克隆并返回新的符号对象

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

toJSON(){Object}

base/symbol/SimpleLineSymbol.js, line 121

导出为JSON对象

Returns:
Type Description
Object JSON对像