Mapbox GL JS获取geoson边界内的要素

<div id="map"></div>

mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [lng, lat], // 地图中心点的经纬度
  zoom: 10 // 地图缩放级别
});

map.on('load', function() {
  map.addSource('my-data', {
    type: 'geojson',
    data: 'path/to/your/geojson/file.geojson' // 替换为您的GeoJSON文件路径
  });

  map.addLayer({
    id: 'my-layer',
    type: 'fill',
    source: 'my-data',
    paint: {
      'fill-color': '#ff0000',
      'fill-opacity': 0.5
    }
  });
});

map.on('click', function(e) {
  var features = map.queryRenderedFeatures(e.point, {
    layers: ['my-layer'] // 替换为您的图层ID
  });

  // 处理查询到的要素
  if (features.length > 0) {
    // 遍历要素并进行处理
    features.forEach(function(feature) {
      console.log(feature.properties); // 输出要素属性
    });
  }
});