Mapbox GL JS 在加载图层数据时，对数据的坐标系有如下要求：

1. GeoJSON 数据

   • 坐标要求：当你以 GeoJSON 方式加载点、线、面等矢量数据时，数据中的坐标必须以经纬度形式给出，也就是采用 WGS84 坐标系（EPSG:4326）。这意味着坐标格式为 [longitude, latitude]，例如：[113.3311, 23.1416]。

   • 内部转换：虽然地图本身最终显示的是 Web Mercator（EPSG:3857），Mapbox GL JS 会在内部自动将 EPSG:4326 数据转换为 Web Mercator 以便正确渲染地图。

   • 使用场景：这适用于大多数前端应用场景，比如在地图上标注城市、道路、行政区边界等。如果你的原始数据采用其他坐标系（比如国内常用的 CGCS2000 或其他地方坐标系），需要在加载前使用转换工具（如 proj4js）转换为 WGS84。

   • 代码示例：

     map.on('load', function() {
       // 添加 GeoJSON 数据源，坐标为 [lng, lat]（EPSG:4326）
       map.addSource('myGeojsonSource', {
         type: 'geojson',
         data: {
           type: 'FeatureCollection',
           features: [
             {
               type: 'Feature',
               geometry: {
                 type: 'Point',
                 coordinates: [113.3311, 23.1416]  // 示例坐标（WGS84）
               },
               properties: {
                 title: '示例点'
               }
             }
           ]
         }
       });
       
       // 添加图层显示该点
       map.addLayer({
         id: 'myGeojsonLayer',
         type: 'circle',
         source: 'myGeojsonSource',
         paint: {
           'circle-radius': 6,
           'circle-color': '#B42222'
         }
       });
     });
     

2. 瓦片数据（Raster/Vector Tiles）

   • 坐标要求：对于来自 Mapbox 或其他在线服务的矢量瓦片、栅格瓦片数据，这些数据通常已经预先投影到了 Web Mercator 坐标系（EPSG:3857）。因此，在加载此类图层时，数据源就需要符合 Web Mercator 的规范。
   • 使用场景：这类数据常用于底图服务或大规模地图切片加载，如加载天地图、高德、百度等切片服务（需要转换为 Web Mercator 后才能正常使用）。

3. 自定义投影支持

   • 扩展功能：自 Mapbox GL JS v2.6.0 开始，Mapbox GL 支持自定义投影。如果你的应用场景需要使用非默认的 EPSG:4326 或 EPSG:3857 坐标数据，可以通过配置自定义投影实现更精确的数据展示，但这通常需要额外的设置和测试。
   • 使用场景：例如，在某些专业 GIS 项目中，可能需要显示采用 CGCS2000 或其他投影的矢量切片数据，此时就需要引入相关插件或采用 Mapbox GL 的自定义投影功能进行处理。

总结

• GeoJSON 数据：请确保数据中的坐标采用 WGS84（EPSG:4326）的经纬度格式，Mapbox GL JS 会自动进行转换以在 Web Mercator（EPSG:3857）地图上正确显示。
• 瓦片数据：加载的矢量或栅格切片数据应符合 Web Mercator 坐标系统（EPSG:3857）。
• 数据转换：如果你的原始数据采用其他坐标系（如 CGCS2000），需要先进行坐标转换再加载到地图中。

这种设计既满足了大部分前端地图应用的需求，也让开发者能利用现有的在线地图服务进行高效开发。

例如，CSDN上的教程中就详细介绍了如何加载面图层数据时使用 GeoJSON 源，数据坐标即采用 EPSG:4326 格式 citeturn0search0。

在实际项目中，若你需要将传统 GIS 数据（可能为本地坐标系）加载到 Mapbox GL 中，请务必先利用如 proj4js 这样的库将其转换为 WGS84（EPSG:4326）后，再以 GeoJSON 的形式加载到地图上。这样就可以确保在地图渲染时不会出现偏移或错位问题。