Style

style 方法用于配制图层的样式，相同图层拥有不同的 shape 图形，不同 shape 的图层 style 方法接受不同的参数。

layer.style({
  opacity: 0.5,
});

common

通用 style 参数，所有图形都支持的参数。

line

shape 为 line 的普通线图层。

• line
• 支持渐变
• 支持纹理
• 支持虚线

arc

shape 为 arc 平面的弧线。

• arc
• 支持渐变
• 支持纹理
• 支持虚线

arc3d

shape 为 arc3d 的弧线图层。

• arc3d
• 支持渐变
• 支持纹理
• 支持虚线

greatcircle

shape 为大圆弧线图层。

• greatcircle
• 支持渐变
• 支持纹理
• 支持虚线

flowline

flowline opacity 和 offsets 支持数据映射，数据驱动设置数据大小

opacity

layer.style({
  opacity: {
    field: 'count', // 映射字段
    value: [0.2,0.4,0.6,0.8], // 映射值,支持回调函数，支持设置scale
  }

// field 和 value  等同于 layer.color('count',[0.2,0.4,0.6,0.8])

offsets

layer.style({
  offsets:{
     field: 'count',
     values:() => {
      return [10 + Math.random()*20, 10 + Math.random()*20]
     }
})

wall

shape 为 wall 地理围栏弧线图层。

• wall
• 支持渐变
• 支持纹理

simple

shape 为 simple 简单线图层。

• simple
• 支持渐变

linear

• line、arc、arc3d、greatcircle、wall、simple

线图层支持配置渐变效果，在配置渐变效果后会覆盖 layer.color 方法设置的颜色。

IColor

const color = `rgb(200, 100, 50)`;
const color2 = '#ff0';

ILinearDir

• vertical 纵向（沿线方向）
• horizontal 横向

type ILinearDir = 'vertical' | 'horizontal';

texture

• line、arc、arc3d、greatcircle

线图层支持纹理以及纹理动画，纹理样式有自己的参数。

ITextureBlend

线图层的纹理在和线本身的颜色进行融合的时候支持两种，normal 和 replace。

• normal 纹理和线颜色混合
• replace 使用纹理替换线颜色

type ITextureBlend = 'normal' | 'replace';

texture advance

✨ animate
当线图层 (shape 为 arc/arc3d) 开启动画模式的时候，纹理在线图层上的分布还会和 animate 的参数相关

线图层上排列的纹理的数量大致为 duration/interval

.animate({
    duration: 1,
    interval: 0.2,
    trailLength: 0.1
});

// 此时 纹理贴图数量为  duration / interval = 5

✨ textureBlend 参数
通过控制 style 方法中的 textureBlend 参数，我们可以控制纹理图层和线图层的混合情况

• normal
• replace

.style({
    lineTexture: true, // 开启线的贴图功能
    iconStep: 30, // 设置贴图纹理的间距
    textureBlend: 'replace', // 设置纹理混合方式，默认值为 normal，可选值有 normal/replace 两种
  });

dash

• line、arc、arc3d、greatcircle

线图层支持配置虚线，虚线有自己额外的样式参数。

layer.style({
    lineType: 'dash'
    dashArray: [5, 5]
})

ILineType

• solid 实线
• dash 虚线

IDashArray

dashArray 只有在 ILineType 为 dashed 的时候才会生效。

// len1 实线长度 len2 间隔长度
type IDashArray = [len1: number, len2: number]