MapBox GL JS：从通过代码设置的字符串地址获取经纬度坐标

Question

我正在使用 Mapbox GL JS 来显示地图上标记的特定位置。 我需要通过 JavaScript 代码设置位置，我不知道经纬度坐标，我只有一个字符串形式的地址（例如：“地址、城市、国家”或一些类似的格式）。

我在互联网上搜索了很多，但我发现在 Mapbox GL JS 中执行此操作的唯一方法是使用 Geocoder 输入控件，但我不想通过它输入位置，我希望通过代码设置地址，然后在地图加载时将其标记在地图上。

是否可以在 Mapbox GL 中执行此操作不知道经纬度坐标？我该怎么做？

提前致谢！最好的问候！

Answer 1

您可以在没有地理编码器控件的情况下使用Mapbox Geocoding API。您必须编写您的网址（并对其进行编码）。
始终考虑您可能会在 featureCollection 响应中获得多个结果，具体取决于您的参数，因此最后您必须使用一些允许的属性来优化结果，例如 proximity 和 limit。一开始是个试错题，但经过一段时间的练习，还是很准确的。

这里有一个地址 123 Main St Boston MA 02111 的示例 url，仅在美国过滤结果。

https://api.mapbox.com/geocoding/v5/mapbox.places/123%20Main%20St%20Boston%20MA.json?country=US&access_token=pk.eyJ1IjoianNjYXN0cm8iLCJhIjoiY2s2YzB6Z25kMDVhejNrbXNpcmtjNGtpbiJ9.28ynPf1Y5Q8EyB_moOHylw

这将返回马萨诸塞州的 5 条街道。

我建议您阅读forward geocoding 中的文档，以及address geocoding format 上的部分以正确撰写网址。