Google Map Direction Query

Question

Как я могу нарисовать карту на основе XML или json, возвращаемых API Google?

Например, у меня есть веб-сайт с туристической информацией. Менеджер на стороне администрации может добавить детали тура, включая несколько мест назначения. Желаемым результатом будет динамическая карта с указанием направлений, карты и деталей назначения.

Я прочитал, что google api может выводить XML или json, как бы я тогда нарисовал карту из этого разобранного кода XML или json?

Answer 1

Это функция, которую я использую на своем сайте (вместе с небольшим количеством jQuery:

var directionsDisplay;
var directionsService = new google.maps.DirectionsService();

function setMap(midpoint)
{
    var latlng = new google.maps.LatLng(midpoint.lat(), midpoint.lng());
    var myOptions = {
        zoom: 12,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
                                             myOptions);
    directionsDisplay.setMap(map);

    var request = {
        origin:"[Put origin here]",
        destination:"[Put destination here]",
        travelMode: google.maps.TravelMode.DRIVING
    };

    directionsService.route(request, function(result, status) {
        if (status == google.maps.DirectionsStatus.OK) {
            directionsDisplay.setDirections(result);
        }
    });

}

function initialize() {
    var address = "[Put destination here]";
    var geocoder = new google.maps.Geocoder();
    directionsDisplay = new google.maps.DirectionsRenderer();

    var result = "";
    geocoder.geocode({'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK)
        {
            result = results[0].geometry.location;
            setMap(result);
        }
        else
        {
            $("#map_canvas").hide();
        }
    });
}