2010-10-09 42 views
14

Google đã đưa ra một ví dụ http://googlemapsapi.blogspot.com/2007/05/driving-directions-support-added-to.htmlBản đồ hướng lái xe Google mã nguồn cho ví dụ của họ?

Mã nguồn có sẵn ở đâu đó hoặc hướng dẫn về ví dụ chính xác đó không?

+0

Bạn có kế hoạch để sử dụng API V2 hay V3? Sau này được khuyến nghị, vì V2 đã không được chấp nhận. –

+0

V3 nếu được đề xuất. Tôi đang học bây giờ vì vậy tôi muốn một số mã nguồn. – user310291

+0

Vui lòng cung cấp liên kết để nhận mã nguồn để hiểu !!! –

Trả lời

63

Dưới đây là một ví dụ rất cơ bản sử dụng 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>

Ảnh chụp màn hình:

Google Maps API v3 Directions Example

+2

Cảm ơn bạn đó là chính xác những gì tôi muốn: ví dụ tối giản cho việc học. – user310291

+0

hi tôi có thể thêm nhiều hơn một điểm đến cho cùng một nguồn và nhận chỉ đường cho tất cả các điểm đến tại một thời điểm. – manju

+0

@danial vassallo Thanx cho câu trả lời hữu ích này. điều này có tùy chọn ngôn ngữ cho đầu ra phản hồi mà nó cung cấp. – hardik

Các vấn đề liên quan