react-mapbox-gl Ereignispolygon klicken

Question

Ich versuche mit diesem reaktionsfreundlichen Wrapper zu arbeiten, geschrieben von https://github.com/alex3165/react-mapbox-gl.

Ich habe Probleme, wie zum Ereignis Listener zu Polygon hinzugefügt werden, das von geojson mit react-mapbox-gl generiert wurde. Hier ist mein Code:

import React from 'react' 
import ReactDOM from 'react-dom' 
import ReactMapboxGl, { GeoJSONLayer, Layer, Feature } from "react-mapbox-gl" 

const position = [106.822700,-6.174500] 

class MapView extends React.Component { 
    constructor(props) { 
    super(props); 

    this.state = { 
     geojson: {} 
    }; 
    } 

    _onClick =() => { 
    console.log('polygon click') 
    } 

    componentDidMount() { 
    let url = './json/poly.json' 
    fetch(url) 
    .then((response) => { 
    return response.json() 
    }) 
    .then((json) => { 
    this.setState({ 
     geojson: json 
    }) 
    }) 
    .catch((err) => { 
    //error 
    }) 
    } 

    render() { 
    <div> 
     <ReactMapboxGl 
      style="mapbox://styles/mapbox/streets-v8" 
      accessToken="YOUR-ACCESS-TOKEN" 
      center={position} 
      containerStyle={{ height: "100vh", width: "100%" }}> 

      <GeoJSONLayer 
       data={this.state.geojson} 
       fillPaint={{ 
       "fill-color": "#ff0000" 
       }}/> 
     </ReactMapboxGl> 
    </div> 
    } 
} 

ReactDOM.render(
    <MapView />, 
    document.getElementById("root") 
) 

Answer 1

reagieren-MapBox-gl^2.3 nun auch Maus-Event-Handler für die verschiedenen Formen des GeoJSON Komponente, haben einen Blick auf die Dokumentation https://github.com/alex3165/react-mapbox-gl/blob/master/docs/API.md#geojsonlayer