Скрыть и показать маркер на реагировать-карта-гл

Question

Я столкнулся с проблемой скрытия и показа маркера на activ-map-gl.

Это часть карты.

  <MapGL
     {...viewport}
     {...settings}
     mapStyle={mapStyle}
     onViewportChange={this._onViewportChange}
     dragToRotate={false}
     mapboxApiAccessToken={MAPBOX_TOKEN}
     onHover={this._onHover}>
     {this._renderTooltip()}

     {CITIES.map(this._renderCityMarker)}
      {this._renderPopup()}
      <div className="nav" style={navStyle}>
      <NavigationControl onViewportChange={this._updateViewport} />
    </div>

     <ControlPanel
     containerComponent={this.props.containerComponent}
     onClick={this._onStyleChange}></ControlPanel>
 </MapGL>

Это часть видимости.

  _onVisibilityChange(name, event) {
const visibility = {...this.state.visibility, [name]: event.target.checked};
console.log({visibility});
this.setState({visibility});

}

Я пытаюсь написать функцию onClick, как это

<MapGL
     {...viewport}
     {...settings}
     mapStyle={mapStyle}
     onViewportChange={this._onViewportChange}
     dragToRotate={false}
     mapboxApiAccessToken={MAPBOX_TOKEN}
     onHover={this._onHover} onClick = {{CITIES.map(this._renderCityMarker)}}>

Не совсем так, или я сделал несколько ошибок. Любой способ решить это?