JSON数据无法在Leaflet地图显示，解析时遇语法错误求助

你的返回JSON存在格式问题：features字段里的内容是字符串化的Feature数组（带转义符的JSON字符串），而不是直接的Feature对象数组。Leaflet的L.geoJSON需要接收标准GeoJSON格式，其中features必须是Feature对象的数组，所以直接解析整个响应会导致格式不匹配，抛出语法错误。

前端临时修复（快速解决） #

先解析整个响应对象，再单独解析features字段里的字符串为数组，替换后再传给Leaflet：

// 解析整个响应得到基础对象
const parsedData = JSON.parse(response);
// 解析features中的字符串为Feature数组
parsedData.features = JSON.parse(parsedData.features[0]);
// 加载到地图
const queryLayer = L.geoJSON(parsedData).addTo(mymap);

后端永久修复（推荐） #

问题出在PHP接口的响应构造上，应该直接输出标准GeoJSON结构，不要对features数组做二次JSON编码。

错误的PHP写法（导致features变成字符串）：

// 错误：先把Feature数组转成字符串，再放入响应数组
$featureStr = json_encode($featureList);
$response = json_encode([
    'type' => 'FeatureCollection',
    'features' => [$featureStr]
]);

正确的PHP写法：

// 正确：直接将Feature数组赋值给features字段，一次编码整个结构
$response = json_encode([
    'type' => 'FeatureCollection',
    'features' => $featureList // $featureList是已构造好的Feature对象数组
]);

这样后端返回的就是标准GeoJSON，前端直接L.geoJSON(JSON.parse(response)).addTo(mymap)就能正常加载。

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