передать результаты XML с помощью Google Maps Api V3

Question

Поскольку я работал с API-интерфейсом Google Maps API v3, у меня возникают проблемы при попытке передать XML-файл для заполнения результатов на карте.Я проверил php-файл, чтобы увидеть, правильно ли генерируется xml-файл, и работает ли он.Файл php находится в том же каталоге, что и мой HTML-файл.Я думаю, что это не работает в функции под названием downloadUrl.Статус, который он возвращает, когда я отлаживаю для request.readyState, равен 0, а затем 1. Кажется, что он никогда не отправляется в request.readyState == 4. Я что-то здесь не так делаю?

Переданные данныев поиске локаций около правильно.Значение центра: results[0].geometry.location.

Ниже приведены две функции:

function searchLocationsNear(center) {
        var radius = document.getElementById('radiusSelect').value;
        var st = document.getElementById('studyTopicSelect').value;
        /*http://www.icliqz.com/Dev/phpsqlsearch_genxml.php?lat=41.7636111&lng=-72.6855556&lat=41.7636111&radius=20&studytopic=GMAT*/

        var searchUrl = 'phpsqlsearch_genxml.php?lat=' + center.lat() + '&lng=' + center.lng() 
                        +'&lat=' + center.lat() + '&radius=' + radius + '&studytopic=' +st;

        //Fails here. xml file not loading after it's generated.
        downloadUrl(searchUrl, function(data) {
        var xml = data.responseXML;
        var markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
            var username = markers[i].getAttribute("username");
            var studytopic = markers[i].getAttribute("studytopic");
            var distance = markers[i].getAttribute("distance");
            var point = new google.maps.LatLng(
                parseFloat(markers[i].getAttribute("lat")),
                parseFloat(markers[i].getAttribute("lng")));
                var html = "<b>" + username + "</b> <br/>" + studytopic;
                var icon = customIcons[type] || {};
                var marker = new google.maps.Marker({
                    map: map,
                    position: point,
                    icon: icon.icon,
                    shadow: icon.shadow
                });
            bindInfoWindow(marker, map, infoWindow, html);
        }
        });
    }

Вторая:

function downloadUrl(url,callback) {
    var request = window.ActiveXObject ?
    new ActiveXObject('Microsoft.XMLHTTP') :
    new XMLHttpRequest;

    request.onreadystatechange = function() {
        if (request.readyState == 4) {
            request.onreadystatechange = doNothing;
            callback(request, request.status);
        }
        else if (request.readyState == 1) {
            request_loading();
        }
    };

    request.open('GET', url, true);
    request.send(null);
}

function request_loading() {
    $('#loading').html('<p><img src="/ing/loading.gif" width="43" height="11" /></p>');
    //$('#loading').load("/examples/ajax-loaded.html");
}

function bindInfoWindow(marker, map, infoWindow, html) {
    google.maps.event.addListener(marker, 'click', function() {
    infoWindow.setContent(html);
    infoWindow.open(map, marker);
    });
}

Answer 1

Вы используете jQuery - я бы порекомендовал просто использовать функции jquery для выполнения AJAX-запроса: $. Get () или $. Ajax () . Это должно упростить отладку в случае проблемы с помощью методов обратного вызова error () и complete ().