GeoJSON已加载但未在MapBox GL JS中显示，寻求故障排查方案

• 坐标格式不符合标准
  MapBox GL JS遵循GeoJSON规范，要求坐标顺序为**[经度, 纬度]（EPSG:4326）**。如果你的数据是[纬度, 经度]或其他投影格式，地图无法正确解析渲染。可在调试器中检查features[0].geometry.coordinates的数值顺序和范围（经度-180_{180，纬度-90}90）。

• 未执行source和图层的添加操作
  仅定义source和layer对象是不够的，必须将它们添加到MapBox实例中：

// 添加数据源
map.addSource(s.id, s);
// 添加填充图层
map.addLayer(fills_layer);

缺失这两步会导致数据和图层都未关联到地图。

• 图层样式与背景对比度不足
  你的填充色设置为#fff（白色），若地图使用浅色底图，图层会因对比度太低难以辨认。可临时替换为高对比度样式测试：

'paint': {
    'fill-outline-color': '#ff0000',
    'fill-color': '#00ff00',
    'fill-opacity': 0.8
}

• 图层类型与GeoJSON要素不匹配
  fill类型图层仅支持Polygon/MultiPolygon要素。如果你的GeoJSON是Point或LineString类型，需对应使用circle或line类型图层。检查features[0].geometry.type确认要素类型是否匹配。

• 地图视野未覆盖要素区域
  即使数据加载正常，若当前地图视野未包含要素所在位置，也无法看到内容。可添加代码自动定位到要素范围：

// 假设geoJson是加载后的完整数据对象
const bounds = mapboxLib.LngLatBounds.convert(geoJson);
map.fitBounds(bounds, { padding: 50 });

内容的提问来源于stack exchange，提问作者BrunoAT