highlightLine() {
    const { mbMap } = this.mapboxLayer;
    if (!mbMap) {
      return;
    }

    const { color } = lines[this.selected];
    if (!color) {
      // eslint-disable-next-line no-console
      console.log(
        `There is no color defined for ${this.selected}, available labels are `,
        lines,
      );
      return;
    }

    this.styleLayers.forEach(({ id }) => {
      mbMap.setPaintProperty(id, 'line-color', [
        'case',
        ['in', this.selected, ['get', this.property]],
        color,
        'rgba(0,0,0,0)',
      ]);
    });
  }
/**
   * Highlight the line selected in the select box.
   */
Highlight the line selected in the select box.
Highlight the line selected in the select box .
highlightLine() {
    const { mbMap } = this.mapboxLayer;
    if (!mbMap) {
      return;
    }
    const { color } = lines[this.selected];
    if (!color) {
      console.log(
        `There is no color defined for ${this.selected}, available labels are `,
        lines,
      );
      return;
    }
    this.styleLayers.forEach(({ id }) => {
      mbMap.setPaintProperty(id, 'line-color', [
        'case',
        ['in', this.selected, ['get', this.property]],
        color,
        'rgba(0,0,0,0)',
      ]);
    });
  }
highlightLine ( ) { const { mbMap } = this . mapboxLayer ; if ( ! mbMap ) { return ; } const { color } = lines [ this . selected ] ; if ( ! color ) { console . log ( ` ${ this . selected } ` , lines , ) ; return ; } this . styleLayers . forEach ( ( { id } ) => { mbMap . setPaintProperty ( id , 'line-color' , [ 'case' , [ 'in' , this . selected , [ 'get' , this . property ] ] , color , 'rgba(0,0,0,0)' , ] ) ; } ) ; }
Highlight the line selected in the select box.
Highlight the line selected in the select box .
// eslint-disable-next-line no-console