Mapbox自动完成功能可以长期有效

Question

I'm using Mapbox with autocomplete in a vue component:

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

<script>
    import mapboxgl from 'mapbox-gl';

    export default {
        data() {
            return {
                map: null
            }
        },

        created() {
            Event.$on('map-created', (map) => {
                this.map = map;

                let geocoder = new MapboxGeocoder({
                    accessToken: mapboxgl.accessToken,
                });

                document.getElementById('geocoder').appendChild(geocoder.onAdd(this.map));
            });
        }
    }
</script>

It's working but how do I get the long and lat when a user clicks on a result?

Is there some kind of event? Couldn't find anything in the docs.

Thanks!

Answer 1

Try this:

this.map.on('click', '[YOUR LAYER ID]', (event) => {

    console.log(event.features[0].geometry.coordinates);

});

It helps me when I add my own layers.