API IDEE Core

Class: OLStyleFlowLine

IDEE/impl/ol/js/ext/OLStyleFlowLine~OLStyleFlowLine 


import OLStyleFlowLine from 'IDEE/impl/ol/js/ext/OLStyleFlowLine';

Esta clase implementa un estilo de línea con patrón.

new OLStyleFlowLine(options)

impl/ol/js/ext/OLStyleFlowLine.js, line 22

Crea un estilo de línea con patrón.

Name Type Description
options Object

Opciones de estilo.

  • stroke: Estilo de línea.
  • text: Estilo de texto.
  • zIndex: Z-index.
  • geometry: Geometría.
  • width: Ancho de la línea, por defecto 0.
  • width2: Ancho de la línea, por defecto 0.
  • color: Color de la línea, por defecto '#000'.
  • color2: Color de la línea, por defecto '#000'.
  • offset0: Desplazamiento de la línea, por defecto 0.
  • offset1: Desplazamiento de la línea, por defecto 0.
  • lineCap: Tipo de extremo de la línea, por defecto 'round'.
  • arrow: Flecha al final de la línea, por defecto falso.
  • arrowSize: Tamaño de la flecha, por defecto 10.
  • arrowColor: Color de la flecha, por defecto '#000'.
  • noOverlap: No superponer líneas, por defecto falso.
  • visible: Visible, por defecto verdadero.

Extends

  • ol.style.Style

Methods

_render(geom, e)

impl/ol/js/ext/OLStyleFlowLine.js, line 309

Renderiza la geometría.

  • ⚠️ Advertencia: Este método no debe ser llamado por el usuario.
Name Type Description
geom Array.<ol.coordinate>

Las coordenadas de píxeles de la geometría en notación GeoJSON.
e ol.render.State

El "olx.render.State" del renderizador de capas.

_splitAsize(geom, asize, end){Array.<ol.coordinate>}

impl/ol/js/ext/OLStyleFlowLine.js, line 402

Divide la geometría en dos partes, en el punto de la geometría.

  • ⚠️ Advertencia: Este método no debe ser llamado por el usuario.
Name Type Description
geom ol.geom.LineString

La geometría.
asize number

El tamaño de la flecha.
end boolean

"start"=falso o "end"=verdadero, por defecto falso (start).
Returns:
El punto de la geometría.

_splitInto(geom, nb, nim){Array.<Array.<ol.coordinate>>}

impl/ol/js/ext/OLStyleFlowLine.js, line 452

Divide la geometría en partes de igual longitud.

  • ⚠️ Advertencia: Este método no debe ser llamado por el usuario.
Name Type Description
geom Array.<ol.coordinate>

La geometría.
nb number

Número por defecto de partes, por defecto 255.
nim number

Longitud mínima de las partes, por defecto 255.
Returns:
La geometría dividida.

drawArrow(ctx, p0, p1, width, ratio)

impl/ol/js/ext/OLStyleFlowLine.js, line 287

Dibuja una flecha en el contexto.

  • ⚠️ Advertencia: Este método no debe ser llamado por el usuario.
Name Type Description
ctx CanvasRenderingContext2D

Contexto.
p0 ol.coordinate

Punto inicial.
p1 ol.coordinate

Punto final.
width number

Ancho de la línea.
ratio number

Ratio de resolución.

getArrow(){number}

impl/ol/js/ext/OLStyleFlowLine.js, line 235

Devuelve el tipo de flecha.

Returns:
Devuelve -1 | 0 | 1 | 2 según el tipo de flecha.

getArrowSize(){ol.size}

impl/ol/js/ext/OLStyleFlowLine.js, line 258

Devuelve el tamaño de la flecha.

Returns:
[ancho, alto].

getColor(feature, step){string}

impl/ol/js/ext/OLStyleFlowLine.js, line 215

Devuelve el color actual en el paso.

Name Type Description
feature ol.feature

Objetos geográficos.
step number

Paso.
Returns:
Color en formato rgba.

getOffset(where){number}

impl/ol/js/ext/OLStyleFlowLine.js, line 112

Devuelve el desplazamiento inicial o final de la línea.

Name Type Description
where number

0=inicio, 1=final.
Returns:
Desplazamiento de la línea.

getWidth(feature, step){number}

impl/ol/js/ext/OLStyleFlowLine.js, line 157

Devuelve el ancho actual en el paso.

Name Type Description
feature ol.feature

Objetos geográficos.
step number

Paso.

setArrow(n)

impl/ol/js/ext/OLStyleFlowLine.js, line 245

Modifica el tipo de flecha.

Name Type Description
n number

Devuelve -1 | 0 | 1 | 2 según el tipo de flecha.

setArrowColor(color)

impl/ol/js/ext/OLStyleFlowLine.js, line 199

Modifica el color de la flecha.

Name Type Description
color ol.colorLike

Color de la flecha, por defecto '#000'.

setArrowSize(size)

impl/ol/js/ext/OLStyleFlowLine.js, line 268

Modifica el tamaño de la flecha.

Name Type Description
size number | ol.size

Tamaño de la flecha, por defecto: [16, 16].

setColor(color)

impl/ol/js/ext/OLStyleFlowLine.js, line 171

Modifica el color inicial de la línea.

Name Type Description
color ol.colorLike

Color de la línea, por defecto '#000'.

setColor2(color)

impl/ol/js/ext/OLStyleFlowLine.js, line 185

Modifica el color final de la línea.

Name Type Description
color ol.colorLike

Color de la línea, por defecto '#000'.

setLineCap(cap)

impl/ol/js/ext/OLStyleFlowLine.js, line 146

Modifica el tipo de extremo de la línea.

Name Type Description
cap String

Tipo de extremo de la línea, por defecto "round".

setOffset(width, where)

impl/ol/js/ext/OLStyleFlowLine.js, line 123

Añade un desplazamiento al inicio o final de la línea.

Name Type Description
width number

Desplazamiento de la línea.
where number

0=inicio, 1=final.

setWidth(width)

impl/ol/js/ext/OLStyleFlowLine.js, line 91

Modifica el ancho inicial de la línea.

Name Type Description
width number

Ancho de la línea, por defecto 0.

setWidth2(width)

impl/ol/js/ext/OLStyleFlowLine.js, line 101

Modifica el ancho final de la línea.

Name Type Description
width number

Ancho de la línea, por defecto 0.