如何使用 javascript 中的 API 调用的结果动态构建 geoJSON

Question

我有一个 API 我从中调用，它返回英国坐标系坐标对，如下所示：

511062.800,171591.800

我已经清理了数据，并使用以下代码将其转换为 leaflet 兼容坐标：

function coordinatesTransformer(jsonData){

    const finalCleanedArray = jsonParser(jsonData);

    console.log(finalCleanedArray);

    for (var i = 0; i < finalCleanedArray.length; i++) {

        var x = finalCleanedArray[i].split(',');
        console.log(x);

        var p_wgs84 = "+proj=longlat +datum=WGS84 +no_defs";

        var p_osgb = "+proj=tmerc +lat_0=49 +lon_0=-2 +k=0.9996012717 +x_0=400000 +y_0=-100000 +ellps=airy +towgs84=446.448,-125.157,542.06,0.15,0.247,0.842,-20.489 +units=m +no_defs";

        transformer = proj4(p_wgs84, p_osgb);

        // transform coordinates to OSGB
        var xy = transformer.inverse([parseInt(x[0]), parseInt(x[1])]);
        console.log(xy);

        for (var j = 0; j < xy.length; j++){
            /*console.log(xy[j]);*/
            var lat = parseFloat(xy[0]);
            console.log(lat);
            var lon = parseFloat(xy[1]);
            console.log(lon);

            var geoJsonInit = {
                type: "FeatureCollection",
                features: []
            };

            var lonArray = [];
            var latArray = [];

            latArray.push(xy[j]);
            lonArray.push(xy[j+1]);

            console.log(latArray);
            console.log(lonArray);

            for (j in xy) {
                geoJsonInit.features.push({
                    "type": "Feature",
                    "geometry": {
                        "type": "LineString",
                        "coordinates": [lonArray, latArray]
                    }

                });
            }
            console.log(geoJsonInit);
        }
    }
}

当我在这里尝试代码时：

 for (j in xy) {
                geoJsonInit.features.push({
                    "type": "Feature",
                    "geometry": {
                        "type": "LineString",
                        "coordinates": [lonArray, latArray]
                    }

                });
            }

代码似乎不像之前的代码块那样遍历 lonArray 或 latArray。 控制台记录转换后的坐标对的每个值，但在将坐标值添加到 geoJson object 时，我似乎无法让代码进行迭代。

这是 console.log 屏幕截图，如果我向上滚动 console.log，第 236 行和第 237 行会根据转换后的坐标对显示不同的值，但是当我将它们添加到 geojson 时，您会看到坐标对变得相同：

Answer 1

坐标对变得相同

这很可能是来自您的浏览器控制台的工件：当您扩展 object 以检查它时，它使用它现在拥有的值，而不是调用console.log时的值。

通常JSON.stringify在控制台中显示之前显示这种行为差异。