Google Map Direction Query

Question

Comment puis-je dessiner une carte basée sur le code XML ou json renvoyé par google api?

Par exemple, j'ai un site Web d'information de tour. Un gestionnaire du côté de l'administration peut ajouter des détails de visite, y compris plusieurs destinations. Le résultat souhaité serait une carte dynamique indiquant les directions, une carte et les détails de la destination. J'ai lu que google api peut sortir XML ou json, comment puis-je dessiner une carte à partir de ce code XML ou json analysé?

Answer 1

Ce sont la fonction que j'utilise dans mon site (avec un peu de 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(); 
     } 
    }); 
}