mapbox 实现画框查资源图层，具体代码

首先，你需要在 Mapbox 中添加一个用于显示资源的图层。可以使用以下代码创建一个新的地图，并为其添加一个矢量图层：

mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v11',
    center: [lng, lat],
    zoom: 14
});

map.on('load', function() {
    map.addSource('resource', {
        type: 'vector',
        url: 'mapbox://YOUR_SOURCE_ID'
    });

    map.addLayer({
        'id': 'resource-layer',
        'type': 'circle',
        'source': 'resource',
        'source-layer': 'YOUR_SOURCE_LAYER_ID',
        'paint': {
            'circle-color': '#ff0000',
            'circle-radius': 8
        }
    });
});

接下来，你需要实现画框的功能。可以使用以下代码创建一个矩形框：

var draw = new MapboxDraw({
    displayControlsDefault: false,
    controls: {
        polygon: true,
        trash: true
    }
});

map.addControl(draw);

map.on('draw.create', function(e) {
    var features = map.queryRenderedFeatures(e.target.getBounds(), { layers: ['resource-layer'] });

    // 处理查询到的资源数据
});

map.on('draw.delete', function(e) {
    // 处理删除矩形框的操作
});

当用户完成画框操作后，`map.queryRenderedFeatures()` 方法可以用来查询在矩形框范围内的资源数据。你可以在回调函数中对这些数据进行处理，例如显示在地图上或者展示在其他界面上。

以上是一个基本的代码框架，你可以根据你的具体需求进行修改和扩展。