技术问询：如何在MapBox中添加周边POI并查询附近健身场馆

Hey Marcus, let's tackle your MapBox questions one by one:

MapBox本身提供了两种便捷的方式来加载并展示周边POI，不需要你手动录入数据：

• 直接利用MapBox内置矢量瓦片图层
  MapBox的官方矢量瓦片（比如mapbox.mapbox-streets-v8）已经包含了海量POI数据。你可以通过MapBox Studio编辑地图样式，添加一个专门的POI图层：

  1. 打开MapBox Studio并创建/打开你的样式
  2. 添加新图层，数据源选择mapbox.mapbox-streets-v8
  3. 设置图层类型为symbol，然后通过过滤条件来控制显示的POI：
     • 若要显示所有POI，可设置过滤条件为["in", "$type", "Point"]
     • 若要筛选特定类别，比如餐饮、购物，可使用["in", "class", "food", "shopping"]这类规则
       这种方式适合静态展示固定类别的POI，加载速度快，无需额外API调用。

• 通过Tilequery API动态获取视图内POI
  如果需要根据用户当前地图视图动态加载POI，可以使用MapBox的Tilequery API。它能返回指定区域（中心点+半径或边界框）内的POI数据，你再将这些数据渲染到地图上。示例请求（用curl）：

  curl "https://api.mapbox.com/v4/mapbox.mapbox-streets-v8/tilequery/{你的经度},{你的纬度}.json?radius=1500&limit=100&access_token=你的MapBox令牌"
  

  拿到返回的GeoJSON数据后，用MapBox GL JS的addSource和addLayer方法就能把POI标记添加到地图上。

你完全不需要自己上传或手动添加数据，MapBox的Places API就能帮你搞定：

• 调用Places API进行周边搜索
  MapBox Places API支持关键词+地理位置的搜索，你可以在地图加载完成后（监听load事件），发送请求获取指定范围内的健身房。示例请求：

  curl "https://api.mapbox.com/search/search/v1?q=gym&proximity={你的经度},{你的纬度}&radius=2000&access_token=你的MapBox令牌"
  

  接口会返回包含健身房名称、地址、坐标的GeoJSON结果，你可以直接把这些点渲染成地图标记。

• 集成MapBox Search插件简化开发
  如果你用的是MapBox GL JS，可以使用@mapbox/search-js-web插件，它不仅提供现成的搜索控件，还能通过API实现自动搜索视图内的健身房。比如在地图加载完成后，触发周边搜索逻辑，自动把结果展示在地图上。

补充说明：MapBox的POI数据来自OpenStreetMap等权威数据源，覆盖全球大部分地区。如果某些小众区域数据不全，你也可以通过MapBox Studio提交POI更新，但这属于可选操作，不需要你维护整个数据集。

内容的提问来源于stack exchange，提问作者Marcus Levi