onSelect(option) {
    this.selected = option;

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

    this.styleLayers.forEach(({ id }) => {
      mbMap.setPaintProperty(id, 'line-color', 'rgba(0,0,0,0)');
    });

    if (this.selected) {
      this.highlightLine();
    }
  }
/**
   * Calback when a new value is selected in the select box.
   */
Calback when a new value is selected in the select box.
Calback when a new value is selected in the select box .
onSelect(option) {
    this.selected = option;
    const { mbMap } = this.mapboxLayer;
    if (!mbMap) {
      return;
    }
    this.styleLayers.forEach(({ id }) => {
      mbMap.setPaintProperty(id, 'line-color', 'rgba(0,0,0,0)');
    });
    if (this.selected) {
      this.highlightLine();
    }
  }
onSelect ( option ) { this . selected = option ; const { mbMap } = this . mapboxLayer ; if ( ! mbMap ) { return ; } this . styleLayers . forEach ( ( { id } ) => { mbMap . setPaintProperty ( id , 'line-color' , 'rgba(0,0,0,0)' ) ; } ) ; if ( this . selected ) { this . highlightLine ( ) ; } }
Calback when a new value is selected in the select box.
Calback when a new value is selected in the select box .