1

необходимо получить координаты по адресу через геокодер из JSON, и всё бы хорошо, но парситься полученный JSON не хочет, выдаёт ошибку. При этом если зайти в инструменты разработчика в Chrome и выполнить скрипт вручную, то всё работает. Подскажите, кто знает, как решить проблему?

 <script src="http://maps.api.2gis.ru/2.0/loader.js?pkg=full" data-id="dgLoader"></script>
    <script type="text/javascript">
        var map;

        DG.then(function () {
            map = DG.map('map', {
                "center": [48.65626, 44.477077],
                "zoom": 10
            });

            var XHR = ("onload" in new XMLHttpRequest()) ? XMLHttpRequest : XDomainRequest;
            var meetings = document.getElementById('MeetingsInfo');
            var meetingsCount = Number.parseInt(document.getElementById('MeetingsCount').innerText);

            for (var i = 0; i < meetingsCount; i++) {
                var req = new XHR();
                req.open('GET', 'https://nominatim.openstreetmap.org/search?q=' + encodeURIComponent(meetings.rows[i+1].cells[0].innerText) + '&format=json');
                req.send(null);
                if (req.responseText != null) {
                    var info = JSON.parse(req.responseText);//здесь ошибка
                    var place = info[0];
                    var lat = Number.parseFloat(place.lat);
                    var lon = Number.parseFloat(place.lon);
                    DG.marker([lat, lon]).addTo(map).bindPopup(meetings.rows[i + 1].cells[2].innerText);
                }
            }

            geoclicker = true;
        });
    </script>

Ошибка

Отладка

UPD: сделал обработку запроса через onload, для первой записи всё обработалось, а на следующей опять ошибка. При этом ещё и не хочет доставать данные из поля таблицы, хотя вручную достаются введите сюда описание изображения

7
  • пример запроса, а лучше ответа добавьте в вопрос 9 мая 2019 в 10:10
  • Где вы ждете ответа от АПИ? Вы в курсе, что XMLHttpRequest запрос асинхронный? 9 мая 2019 в 10:11
  • Послушайте предыдущего оратора и добавьте обработку запроса в функцию req.onload или req.onreadystatechange 9 мая 2019 в 10:19
  • @StepanKasyanenko во фронтенде я ламер, так что могу много нехорошего сделать)
    – Jaxx34
    9 мая 2019 в 10:19
  • @Jaxx34 уже сделали. Погуглите про AJAX и асинхронное программирование. Найдите пример использования XMLHttpRequest. 9 мая 2019 в 10:25

1 ответ 1

1

Оказалось, что я неправильно обрабатывал асинхронный запрос. Так всё заработало:

        <script type="text/javascript">
        var map;

        DG.then(function () {
            map = DG.map('map', {
                "center": [48.65626, 44.477077],
                "zoom": 10
            });

            var XHR = ("onload" in new XMLHttpRequest()) ? XMLHttpRequest : XDomainRequest;
            var meetings = document.getElementById('MeetingsInfo');
            var meetingsCount = Number.parseInt(document.getElementById('MeetingsCount').innerText);
            var meetingsArr = [];

            for (let i = 1; i < meetingsCount+1; i++) {
                meetingsArr.push(meetings.rows[i]);
            }

            meetingsArr.forEach(async (meeting) => {
                var req = new XHR();
                await req.open('GET', 'https://nominatim.openstreetmap.org/search?q=' + encodeURIComponent(meeting.cells[0].innerText) + '&format=json');
                req.onload = function() {
                    if (req.responseText != null) {
                        var info = JSON.parse(req.responseText);
                        var place = info[0];
                        var lat = Number.parseFloat(place.lat);
                        var lon = Number.parseFloat(place.lon);
                        DG.marker([lat, lon]).addTo(map).bindPopup(meeting.cells[2].innerText);
                    }
                };
                req.send(null);
            }
            );

            geoclicker = true;
        });
    </script>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.