google-mapsgoogle-maps-api-3driving-directions

Google map driving direction source code for their example?


Google gave an example http://googlemapsapi.blogspot.com/2007/05/driving-directions-support-added-to.html

Is the source code available somewhere or a tutorial on that precise example ?


Solution

  • Here's a very basic example using the 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>

    Screenshot:

    Google Maps API v3 Directions Example