mapbox - 从 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,但没有找到任何相关内容:/
提前感谢社区
解决方案
从 API 文档https://github.com/mapbox/mapbox-gl-geocoder/blob/master/API.md#on你可以使用
geocoder.on('results', function(results) {
console.log(results);
})
推荐阅读
- webrtc - Coturn 服务器给了 code=701 TURN allocate request timed out
- flutter - 如果我使用 .tostring 或错误消息颤振设置变量,则返回 Null
- javascript - 需要帮助解决承诺并分配返回值
- javascript - 如何在我的反应应用程序中删除这些 html 标签
- automated-tests - Protractor-Flake 在重试后在所有实例中运行相同的脚本,而不是仅使用一个实例
- flutter - GetX Streams 中的 .addError 问题
- sql - SQL - 获取只有进入和退出日期的 MAX COUNT 访问峰值
- apache-kafka - 将 Kafka Connect Avro 转换器从 5.2.1 升级到 6.2.0 但没有数据进入
- javascript - 在平面列表中每 3 个项目添加一个分隔符 - React Native
- mojibake - 是什么导致了这个 Mojibake 中的 ГѓВ 模式?