React-mapbox-gl: Get coordinate on click

[Ricardo-C-Oliveira]

How can we get the cursor coordinate using the onClick event on the map?

Here is how I'm trying:

```
_onClickMap(e) {
console.log(e.lngLat);
}

render() {
return

style="mapbox://styles/mapbox/outdoors-v10"
containerStyle={{
height: 400,
width: "100vw",
marginTop: 60
}}
center={[-104.99, 39.75]}
zoom={[9]}
onClick={this._onClickMap}/>

``` I would expect to be able to access thelngLat` property similarly to this example: https://www.mapbox.com/mapbox-gl-js/example/mouse-position/

[alex3165]

Almost that, sorry it is not clear in the documentation, here is what you need:

_onClickMap(map, evt) {
  console.log(evt.lngLat);
}

[LewisYoul]

Thanks so much for this!

[juliotoscano]

Thanks!!!

[patofw]

Could this be implemented in Kepler Gl? Do you have any guide in where should I add this?

[dstiglr]

Cool

[SanHolo101]

how do i get only the longitude or the latitude?

[mklopets]

Just read out the property you care about from evt.lngLat @SanHolo101

[Murtala-1]

Thanks, You save my day