Mapbox GL JS -突出显示国家多边形

Question

我有一个select2选项，用户可以选择一个欧洲大陆，地区，国家，城市或机场。我集成了mapbox，在选择位置时将标记添加到地图中。

在选择国家和大陆的情况下，我想选择整个国家/大陆，而不是仅仅选择一个标记。

我尝试使用Mapbox，比如token=*，但是我注意到它只返回一个'Point‘坐标。

我想使用一个服务，其中我提供了国家/大陆名称，它返回一个带有所有边界坐标的多边形，以便能够在地图上的多边形上突出显示。

mapbox是否为这类功能提供内置服务？还是我需要使用第三方服务或json文件？

Answer 1

虽然Mapbox地理编码API不返回特性的完整多边形几何图形，但您可以将Geocoding与其他一些开源数据源和工具结合使用。

下面是您可以尝试的工作流的开始：

1. 使用像“德国”这样的国家名称的文本查询地理编码api，并从API响应的coordinates属性中获取lon、lat坐标。
2. 使用来自自然地球：https://www.naturalearthdata.com/downloads/等开放源代码的geojson格式的多边形数据
3. 将坐标和多边形数据传递到这个turf.js函数：http://turfjs.org/docs/#booleanPointInPolygon
4. 识别点所在的多边形，并在地图上高亮显示这些边界。有关如何为突出显示部分使用GL的更多信息，请查看示例页面：https://docs.mapbox.com/mapbox-gl-js/example/query-similar-features/