2010-10-09 17 views
14

Google dio un ejemplo http://googlemapsapi.blogspot.com/2007/05/driving-directions-support-added-to.htmlGoogle mapa de código fuente de conducción para su ejemplo?

es el código fuente disponible en alguna parte o un tutorial sobre ese ejemplo preciso?

+0

¿Está pensando en utilizar la API V2 o V3? Este último se recomienda, ya que V2 ha quedado obsoleto. –

+0

V3 si se recomienda. Estoy aprendiendo ahora, así que me gustaría un código fuente. – user310291

+0

¡Por favor, dale un enlace para que entiendas el código fuente! –

Respuesta

63

Aquí hay un ejemplo muy básico utilizando el v3 API:

<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
 
     <title>Google Maps API v3 Directions Example</title> 
 
     <script type="text/javascript" 
 
       src="http://maps.google.com/maps/api/js?sensor=false"></script> 
 
    </head> 
 
    <body style="font-family: Arial; font-size: 12px;"> 
 
     <div style="width: 600px;"> 
 
     <div id="map" style="width: 280px; height: 400px; float: left;"></div> 
 
     <div id="panel" style="width: 300px; float: right;"></div> 
 
     </div> 
 
     
 
     <script type="text/javascript"> 
 
    
 
     var directionsService = new google.maps.DirectionsService(); 
 
     var directionsDisplay = new google.maps.DirectionsRenderer(); 
 
    
 
     var map = new google.maps.Map(document.getElementById('map'), { 
 
      zoom:7, 
 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
 
     }); 
 
     
 
     directionsDisplay.setMap(map); 
 
     directionsDisplay.setPanel(document.getElementById('panel')); 
 
    
 
     var request = { 
 
      origin: 'Chicago', 
 
      destination: 'New York', 
 
      travelMode: google.maps.DirectionsTravelMode.DRIVING 
 
     }; 
 
    
 
     directionsService.route(request, function(response, status) { 
 
      if (status == google.maps.DirectionsStatus.OK) { 
 
      directionsDisplay.setDirections(response); 
 
      } 
 
     }); 
 
     </script> 
 
    </body> 
 
    </html>

Captura de pantalla:

Google Maps API v3 Directions Example

+2

Gracias, eso es exactamente lo que quería: el ejemplo minimalista para el aprendizaje. – user310291

+0

hola puedo agregar más de un destino para la misma fuente y obtener instrucciones de ruta para todos los destinos a la vez .. – manju

+0

@danial vassallo Gracias por esta útil respuesta. ¿Esto tiene una opción de idioma para el resultado de respuesta que da? – hardik

Cuestiones relacionadas