Class: SimpleLineSymbol

SimpleLineSymbol

new SimpleLineSymbol(options)

base/symbol/SimpleLineSymbol.js, line 6

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

Name Type Default 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

接角样式

markerLineSymbolMarker

线端点样式

miterLimitNumber

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

styleString

线样式

typeString

符号类型

widthNumber

线宽度

Methods

clone(){SimpleLineSymbol}

base/symbol/SimpleLineSymbol.js, line 107

克隆并返回新的符号对象

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

toJSON(){Object}

base/symbol/SimpleLineSymbol.js, line 115

导出为JSON对象

Returns:
Type Description
Object JSON对像

SimpleLineSymbol.fromJSON(json){SimpleLineSymbol}

base/symbol/SimpleLineSymbol.js, line 98

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

Name Type Description
json Object

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