Google map kierunku jazdy kod źródłowy dla swojego przykładu?

Google dał przykład http://googlemapsapi.blogspot.com/2007/05/driving-directions-support-added-to.html Google map kierunku jazdy kod źródłowy dla swojego przykładu?

jest kod źródłowy gdzieś dostępne lub tutorial na tym właśnie przykład?

Źródło

2010-10-09 user310291

Planujesz użyć API V2 lub V3? Ten ostatni jest zalecany, ponieważ V2 jest przestarzałe. –

V3, jeśli jest zalecany. Uczę się teraz, więc chciałbym trochę kodu źródłowego. – user310291

Proszę podać link do zrozumienia kodu źródłowego! –

Oto bardzo prosty przykład za pomocą 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>

Zrzut ekranu:

Google Maps API v3 Directions Example

Źródło

2010-10-10 02:39:49

Dziękuję, że właśnie tego chciałem: minimalistyczny przykład do nauki. – user310291

Witam, mogę dodać więcej niż jedno miejsce docelowe dla tego samego źródła i uzyskać wskazówki dotyczące trasy dla wszystkich miejsc docelowych za jednym razem. – manju

@ Joannaial vassallo Dziękuję za pomocną odpowiedź. czy ma opcję języka dla wyjścia odpowiedzi, które ona daje? – hardik

Google map kierunku jazdy kod źródłowy dla swojego przykładu?

Odpowiedz

Powiązane problemy