谷歌地图方向查询

Question

如何根据google api返回的xml或json绘制地图？

例如，我有一个旅游信息网站。管理方面的经理可以添加旅游详细信息，包括几个目的地。期望的结果是显示路线、地图和目的地详细信息的动态地图。

我已经读到 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();
        }
    });
}