如何在tileserver-gl中用同一样式服务多个同配置mbtiles？

针对你按国家拆分MBTiles但不想重复定义图层的需求，有两种可行方案：

方案1：通过TileServer-GL合并数据源 #

TileServer-GL支持在配置文件中将多个MBTiles合并为一个虚拟的矢量数据源，这样你的style.json只需引用这个合并后的source，无需重复定义图层。

步骤： #

1. 修改TileServer-GL的config.json，添加合并后的数据源：

{
  "options": {
    "paths": {
      "root": "./tiles" // 你的MBTiles文件所在目录
    }
  },
  "styles": {
    "osm-bright": {
      "style": "style.json",
      "tilejson": {
        "bounds": [-180, -85, 180, 85]
      }
    }
  },
  "data": {
    "combined-poi": {
      "type": "vector",
      "tiles": [
        "mbtiles://test1.mbtiles",
        "mbtiles://test2.mbtiles"
        // 可继续添加更多MBTiles文件
      ]
    }
  }
}

2. 在你的style.json中引用这个合并后的数据源：

"sources": {
  "tests": {
    "type": "vector",
    "url": "http://localhost:8080/data/combined-poi.json"
  }
}

之后你定义的poi_z15、poi_z16等图层只需保持原有配置，TileServer-GL会自动从所有关联的MBTiles中读取poi source-layer的数据。

方案2：MapLibre GL JS动态生成图层 #

如果不想修改TileServer-GL配置，可以通过JS代码批量生成对应不同source的图层，避免手动重复编写：

// 定义基础POI图层模板
const basePOILayerTemplate = {
  "type": "symbol",
  "source-layer": "poi",
  "paint": {
    // 你的样式配置
  },
  "layout": {
    // 你的布局配置
  }
};

// 所有MBTiles对应的source名称列表
const poiSources = ["test1", "test2"];

// 循环生成z15和z16的图层
poiSources.forEach(sourceName => {
  // 添加z15图层
  map.addLayer({
    ...basePOILayerTemplate,
    "id": `poi_z15_${sourceName}`,
    "source": sourceName,
    "minzoom": 15
  });

  // 添加z16图层
  map.addLayer({
    ...basePOILayerTemplate,
    "id": `poi_z16_${sourceName}`,
    "source": sourceName,
    "minzoom": 16
  });
});

为什么你之前的两种方式无效 #

• 方式一：MapLibre GL的样式规范中，sources下的每个条目必须是单个数据源对象，不能是数组，这种写法不符合规范，无法被解析。
• 方式二：矢量数据源的url字段仅支持单个TileJSON URL或瓦片服务端点，不接受数组格式，因此无法同时指向多个MBTiles文件。

内容的提问来源于stack exchange，提问作者Ben On Track