Reactjs 使用react mapbox gl（react）生成'；搜索此区域'；谷歌的

我是一个新的MapBox，并试图使谷歌地图“搜索这个地区”相同的功能

在我的想象中，我需要用户视图的坐标（左上和右下），然后我可以计算我的点是否在用户视图中，它将显示标记

pointlat, pointlng, lat1, lng1, lat2, lng2

pointlat > lat1 && pointlat < lat2
pointlng > lng1 && pointlng < lng2

pointlat、pointlng、lat1、lng1、lat2、lng2
pointlat>lat1&&pointlatlng1&&pointlng

使用

react-mapbox-gl

或

mapbox-gl-js

是否有方法获取用户视图的左上角和右下角坐标？或者通过其他方式使此功能成为可能

谢谢：）

要获取当前地图视图的边界框，请使用

map.getBounds()

或者使用类似

map.getBounds().contains(myMarker.getLatLng())

您可以向地理编码器传递一个bbox，以限制其中的搜索（来自mapbox示例）：

---

这将为您指明正确的方向，我希望

@janw谢谢您的反馈：），我希望编辑使其成为一个更能接受的答案

var geocoder = new MapboxGeocoder({ // Initialize the geocoder
    accessToken: mapboxgl.accessToken, // Set the access token
    mapboxgl: mapboxgl, // Set the mapbox-gl instance
    marker: false, // Do not use the default marker style
    placeholder: 'Search for places in Berkeley', // Placeholder text for the search bar
    bbox: [-122.30937, 37.84214, -122.23715, 37.89838], // Boundary for Berkeley
    proximity: {
      longitude: -122.25948,
      latitude: 37.87221
    } // Coordinates of UC Berkeley
  });