浏览器卡死问题：添加TileJSON图层

可以尝试使用异步加载来处理 TileJSON 图层。这样可以避免在主线程上阻塞UI渲染，从而防止浏览器卡死。以下是示例代码：

function addTileJSONLayer(url) {
  return new Promise(function(resolve, reject) {
    const layer = new mapboxgl.Layer({
      id: 'tilejson-layer',
      type: 'raster',
      source: {
        type: 'raster',
        tiles: [url],
        tileSize: 256
      },
      paint: {}
    });

    layer.on('load', function() {
      resolve(layer);
    });

    layer.on('error', function(error) {
      reject(error);
    });

    map.addLayer(layer);
  });
}

addTileJSONLayer('https://example.com/tilejson.json').then(function(layer) {
  console.log('TileJSON layer added successfully!');
}).catch(function(error) {
  console.error('Error adding TileJSON layer:', error);
});

上面的代码使用了Promise来异步加载TileJSON图层，并且添加了错误处理。如果加载成功，则resolve Promise并返回新创建的图层对象。否则，reject Promise并抛出错误。