首页 > 解决方案 > 从 mapbox 地理编码器中检索数据

问题描述

我只需要没有地图的 mapbox 地理编码自动完成(将结果与 lat/lng 放在另一个请求中)

我设法在没有地图的情况下完全单独使用它:

<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>

在此处输入图像描述

但现在我想检索数据(特别是 lat/lng 属性,以便将其保存在我的组件中并使用它)

我怎样才能做到这一点 ?我已经搜索了 mapbox doc,但没有找到任何相关内容:/

提前感谢社区

标签: mapboxmapbox-gl-js

解决方案


从 API 文档https://github.com/mapbox/mapbox-gl-geocoder/blob/master/API.md#on你可以使用

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

推荐阅读