Отформатируйте ЗДЕСЬ API-интерфейс JSON Response

Возникла проблема с форматированием ответа JSON от API-карты HERE для изолинии. Полный ответ HSON API JSON показан ниже и содержит координаты широты и долготы для линии, как показано ниже.

{
    "response": {
        "metaInfo": {
            "timestamp": "2017-03-03T23:40:34Z",
            "mapVersion": "8.30.68.151",
            "moduleVersion": "7.2.201709-111134",
            "interfaceVersion": "2.6.29"
        },
        "center": {
            "latitude": 34.603565,
            "longitude": -98.3959
        },
        "isoline": [
            {
                "range": 300,
                "component": [
                    {
                        "id": 0,
                        "shape": [
                            "34.6096802,-98.4147549",
                            "34.6096802,-98.4141541",
                            "34.6098518,-98.4136391",
                            "34.6101952,-98.4132957",
                            "34.6103668,-98.4127808",
                            "34.6101952,-98.4122658",
                            "34.6098518,-98.4119225",
                            "34.6098518,-98.4115791",
                            "34.6101952,-98.4112358",
                            "34.5998955,-98.4115791",
                            "34.6002388,-98.4126091",
                            "34.6005821,-98.4129524",
                            "34.6009254,-98.4139824",
                            "34.6019554,-98.4143257",
                            "34.6022987,-98.4153557",
....
                            "34.6081352,-98.4129524",
                            "34.6083069,-98.4134674",
                            "34.6083069,-98.4148407",
                            "34.6084785,-98.4153557",
                            "34.6089935,-98.4155273",
                            "34.6095085,-98.4154415",
                            "34.6096802,-98.415184",
                            "34.6096802,-98.4147549"
                        ]
                    }
                ]
            }
        ],
        "start": {
            "linkId": "+888249498",
            "mappedPosition": {
                "latitude": 34.6034836,
                "longitude": -98.3959009
            },
            "originalPosition": {
                "latitude": 34.603565,
                "longitude": -98.3959
            }
        }
    }
}

Я отображаю данные изолинии в Leaflet как многоугольник. Я могу сделать это вручную, как это, и все работает хорошо.

var polygon = L.polygon([
[34.6343994, -98.7664032],
[34.6357727, -98.76297],
[34.6385193, -98.7602234],
[34.6398926, -98.7561035],
[34.6385193, -98.7519836],
[34.6357727, -98.7492371],
[34.6357727, -98.7464905],
.....
[34.6302795, -98.7712097],
[34.6330261, -98.7718964],
[34.6343994, -98.7698364],
[34.6343994, -98.7664032]

]
            ).addTo(map);

Сейчас я пытаюсь автоматизировать его, но не могу получить вывод json в совместимый формат для Leaflet. Я могу сделать вызов API, захватить ответ JSON и извлечь массив координат широта / долгота, используя следующий код:

    function getJson(url) {
        return JSON.parse($.ajax({
            type: 'GET',
            data: '',
            url: url,
            dataType: 'json',
            global: false,
            async: false,
            success: function (data) {
                return data;
            }
        }).responseText);
    }

    var myJsonObj = getJson('https://isoline.route.cit.api.here.com/routing/7.2/calculateisoline.json?mode=fastest;car;traffic:disabled&jsonAttributes=1&rangetype=time&start=34.603565,-98.3959&app_id=id&app_code=codeg&range=1800');

var isoline = myJsonObj.response.isoline[0].component[0].shape;

Переменная isoline выглядит следующим образом (массив пар координат долготы / долготы), но я не могу получить их в массив массивов, как это необходимо для Leaflet.

[
                                "34.6096802,-98.4147549",
                                "34.6096802,-98.4141541",
                                "34.6098518,-98.4136391",
                                "34.6101952,-98.4132957",
                                "34.6103668,-98.4127808",
                                "34.6101952,-98.4122658",
                                "34.6098518,-98.4119225",
                                "34.6098518,-98.4115791",
                                "34.6101952,-98.4112358",
                                "34.5998955,-98.4115791",
                                "34.6002388,-98.4126091",
                                "34.6005821,-98.4129524",
                                "34.6009254,-98.4139824",
                                "34.6019554,-98.4143257",
                                "34.6022987,-98.4153557",
    ....
                                "34.6081352,-98.4129524",
                                "34.6083069,-98.4134674",
                                "34.6083069,-98.4148407",
                                "34.6084785,-98.4153557",
                                "34.6089935,-98.4155273",
                                "34.6095085,-98.4154415",
                                "34.6096802,-98.415184",
                                "34.6096802,-98.4147549"
                            ]

Буду признателен за любую помощь в переформатировании координат, чтобы выглядеть так

[
    [34.6343994, -98.7664032],
    [34.6357727, -98.76297],
    [34.6385193, -98.7602234],
    [34.6398926, -98.7561035],
    [34.6385193, -98.7519836],
    [34.6357727, -98.7492371],
    [34.6357727, -98.7464905],
    .....
    [34.6302795, -98.7712097],
    [34.6330261, -98.7718964],
    [34.6343994, -98.7698364],
    [34.6343994, -98.7664032]

    ]

Возможно, есть и лучший способ поместить данные в Leaflet, но Polygon и Polyline - единственные методы, которые я могу найти, и они требуют координат в массиве массивов.

Источник

2 ответа

Решение

Вам нужно перебирать каждый элемент и разбивать, образуя массив.

Как это, (путь ES6)

const newArray = array.map(a => a.split(',').map(Number));

или (не ES6 способ)

var newArray = [];
array.forEach(function (a){ newArray.push(a.split(',').map(Number)); });

Итак, ваш окончательный код должен выглядеть так,

function getJson(url) {
  return JSON.parse($.ajax({
    type: 'GET',
    data: '',
    url: url,
    dataType: 'json',
    global: false,
    async: false,
    success: function (data) {
      return data;
    }
  }).responseText);
}

function parseJSONForPolygon(rawJsonArray) {
  var newArray = [];
  rawJsonArray.forEach(function (a) { newArray.push(a.split(',').map(Number)); });
  return newArray;
};

var myJsonObj = getJson('https://isoline.route.cit.api.here.com/routing/7.2/calculateisoline.json?mode=fastest;car;traffic:disabled&jsonAttributes=1&rangetype=time&start=34.603565,-98.3959&app_id=id&app_code=codeg&range=1800');

var isoline = parseJSONForPolygon(myJsonObj.response.isoline[0].component[0].shape);

.map(Number)кредит переходит на /questions/27759654/kak-preobrazovat-stroku-chisel-v-massiv-chisel/27759693#27759693

Источник 
let polygonArray = [];

data.response.isoline.component.shape.forEach((elm) => {
  polygonArray.push(elm.split(','));
})

теперь ваш polygonArray будет приемлемым по листовке

Источник
Другие вопросы по тегам