Is there any way to retrieve coordinates from searched location in mapbox?

Question

I am using mapbox geocoder to search for a location in one of my mapbox project. I am able to implement the search functionality successfully but I am having hard time in extracting the selected address by the user from the list of searched/suggested addresses.

Is there any way to get the coordinates of the searched place?

I went through mapbox docs but only found an event 'moveend' which is fired when we fly to some location. So I am listening for that event and once fired, I am calling getBounds() function on the map. It somehow works but it doesn't give me the exact coordinates since getBounds() gives the South West and North East coordinates of the box. Can we get the exact coordinates of the selected place?

Below is the code I am using to search for a place.

initMapSearch() {
    var _this = this;
    var geocoder = new MapboxGeocoder({ accessToken: environment.mapbox.accessToken, mapboxgl: mapboxgl });
    this.locationObj = geocoder.onAdd(_this.map)
    document.getElementById('geocoder').appendChild(this.locationObj);
}

And this is my moveend event.

this.map.on('moveend', function() {
    _this.lat = _this.map.getBounds()["_ne"]["lng"];
    _this.long = _this.map.getBounds()["_ne"]["lat"];
});

Thanks in advance to the community.

Answer 1

You should listen to geocoder.on('result') which is passed the feature (and its location).