Retrieve data from mapbox geocoder

Question

i only need the mapbox geocoding autocomplete without the map (to put the result with lat/lng in another request)

I managed to put it totally alone without the map using this :

<template>
    <div id='geocoder' class='geocoder'></div>
</template>

<script>
import MapboxGeocoder from '@mapbox/mapbox-gl-geocoder'
require('../../node_modules/@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.css')

mapboxgl.accessToken = '<your access token here>';
var geocoder = new MapboxGeocoder({
    accessToken: mapboxgl.accessToken
    placeholder: 'Rechercher'
});
document.getElementById('geocoder').appendChild(geocoder.onAdd());
</script>

But now i would like to retrieve the data (specifically the lat/lng attribute in order to save it in my component and work with it)

How can i do that ? i've search through mapbox doc but did not found anything about that :/

Thanks in advance to the community

Answer 1

From the API docs https://github.com/mapbox/mapbox-gl-geocoder/blob/master/API.md#on you can use

geocoder.on('results', function(results) {
   console.log(results);
})