Línea de Flujo

Las líneas de flujo pueden utilizarse para crear mapas de flujo que sirven para representar movimientos a través de simbología lineal.

flowline

let style = new M.style.FlowLine({options});

Donde:

Parámetro	Descripción
options	{object} - valores opcionales del flujo de línea: color: {string \| function()} - color inicial de la línea. color2: {string \| function()} - color final de la línea. width: {number \| function()} - ancho inicial de la línea. width2: {number \| function()} - ancho final de la línea. arrow: {number} - indica si se muestra flecha; y en ese caso donde se posiciona. 0 (sin flecha) \| -1 (en inicio línea) \| 1 (en final línea) \| 2 (en ambos extremos). arrowColor: {string} - color de la flecha. Si el parámetro arrow no es 0. lineCap: {string} - extremo de la línea. round \| butt

Ejemplo:

 let style = new M.style.FlowLine({
      color: 'blue',
      color2: 'pink',
      width: 2,
      width2: 25,
      arrow: -1,
      arrowColor: 'grey',
      lineCap: 'butt',
});

Ejemplo de uso con función:

 let scaleValue = 0.2
 let style = new M.style.FlowLine({
      color: 'blue',
      color2: 'pink',
      width: function (feature) {
                return feature.getAttribute('inicio') * scaleValue;
            },
      width2: function (feature) {
                return feature.getAttribute('final') * scaleValue;
            },
      arrow: -1,
      arrowColor: 'grey',
      lineCap: 'butt',
});