Показать многоугольник, используя буклет js (1.3.1) из базы данных

Question

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

до этого я пытался использовать массивы данных, затем он успешно показывает.

Вот код при использовании данных массива

var latlang = [
        [[-6.909428, 106.937143], [-6.918034, 106.939761], [-6.919142, 106.929804], [-6.909513, 106.929976], [-6.909428, 106.937143]],
           [[-6.911218, 106.937357], [-6.918844, 106.94195], [-6.910877, 106.952593], [-6.911218, 106.937357]],
           [[-6.918673, 106.924955], [-6.9237, 106.928002], [-6.920036, 106.93135], [-6.91829, 106.930577], [-6.916074, 106.927659], [-6.918673, 106.924955]]
    ];
    var item = new L.polygon(latlang, {
        color: '#ff00c8',
    });

    // Adding multi polygon to map
    item.addTo(map);

Теперь, я запутался, если загрузить координату широты из базы данных.Как зациклить и заменить латланг вар.Я пытаюсь console.log(json_data); и результат показывает

Вот ссылка !

Answer 1

лучше использовать IDE и функцию beautify, чтобы иметь красивый код.

если вы скопируете и вставите ваш латланг https://beautifier.io/, вы увидите это так:

[
    [
        [-6.909428, 106.937143],
        [-6.918034, 106.939761],
        [-6.919142, 106.929804],
        [-6.909513, 106.929976],
        [-6.909428, 106.937143]
    ],
    [
        [-6.911218, 106.937357],
        [-6.918844, 106.94195],
        [-6.910877, 106.952593],
        [-6.911218, 106.937357]
    ],
    [
        [-6.918673, 106.924955],
        [-6.9237, 106.928002],
        [-6.920036, 106.93135],
        [-6.91829, 106.930577],
        [-6.916074, 106.927659],
        [-6.918673, 106.924955]
    ]
];

https://jsfiddle.net/hmdshariati/cLy4gups/5/

, то есть три полигона.данные вашей базы данных представляют собой треугольник, подобный следующему:

https://jsfiddle.net/hmdshariati/cLy4gups/8/

будьте осторожны, чтобы использовать lat и lang в правильном месте.