2014-03-30 1 views
-2

내 주요 질문은 굵은 글씨로 표시되어 있습니다. 현재 캘리포니아 주와 같은 위치에서 월마트와 같은 사업장을 운영하는 시스템을 개발하고 있지만, 포인트 (예 : 로스 앤젤레스) b (예 : 샌프란시스코) 포인트 b (예 : 월마트)를 가리킬 수있는 포인트 (예 : 로스 앤젤레스)를 만들고 싶습니다. 여기에 내가 연구 한 코드가 있는데, 코드의 일부를 이해하지 못한다. 어딘가에 가지고있어 코드를 편집했다. 어떤 도움을 주시면 감사하겠습니다.Google지도에서 포인트 (예 : 월마트)가 b (예 : 로스 앤젤레스)를 가리킬 수 있습니까?

<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script> 
<script type="text/javascript"> 
    var map; 

    var directionsDisplay = new google.maps.DirectionsRenderer(); 
    var directionsService = new google.maps.DirectionsService(); 

    jQuery(document).ready(function(){ 
     function initialize() { 
      var balanga = new google.maps.LatLng(14.67460421, 120.52207947); 

      var myOptions = { 
       zoom:10, 
       mapTypeId: google.maps.MapTypeId.ROADMAP, 
       center: balanga 
      } 

      map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
     } 

     /*Function for creating the roadmap*/ 
     function calcRoute(start, end, mode) { 
      var request = { 
       origin:start, 
       destination:end, 
       travelMode: google.maps.TravelMode[mode] 
      }; 
      directionsService.route(request, function(result, status) { 
       if (status == google.maps.DirectionsStatus.OK) { 
        directionsDisplay.setDirections(result); 
       } 
      }); 

      directionsDisplay.setMap(map); 

      /*Show directions panel*/ 
     directionsDisplay.setPanel(document.getElementById("directions")); 
     } 

     initialize(); 
     calcRoute('Pampanga', 'Mariveles', 'DRIVING'); 

     jQuery('#driveit').click(function(){ 
      var srcAddr = jQuery('#from').val(); 
      var destAddr = jQuery('#to').val(); 
      var mode = jQuery('#mode').val(); 
      calcRoute(srcAddr, destAddr, mode); 
     }); 
    }); 
</script> 
    </head> 
    <body> 
<h2>Map of Bataan </h2> 
<div class="googlemap"> 
    <div id="map_area"> 
<div id="map_canvas"></div> 
     <div class="text"> 
      <br /> 
      From <input type="text" id="from" value="City of Balanga" /> 
      To <input type="text" id="to" value="Mariveles" /> 
      Travel Mode 
      <select id="mode"> 
       <option value="DRIVING">Driving</option> 
       <option value="WALKING">Walking </option> 
       <option value="BICYCLING">Bicycling </option> 
      </select> 
      <input type="button" value="Show Route" id="driveit" /> 
      <br /><a href="Admin/home.php"><h2>BACK</h2></a> 
     </div> 
    </div> 
    <div id="directions"></div> 
</div> 
    </body> 

답변

0

Google Maps API의 Google Distance Matrix 기능을 사용하여 가능합니다. 하지만이 Google지도 API 리소스는 무료로 사용할 수 있습니다.

무료 사용에 대한 제한은 다음과 같습니다 요청에 의한

(100) 요소. 요소 100 x 10 초. 하루에 2500 개 요소. 그리고 이것은 귀하의 웹 사이트/앱의 공개 (무료) 영역에서 사용되어야합니다.

각 위치는 요소입니다. 2 점 사이의 거리를 비교하려면 2 개의 요소를 사용하고 있습니다.

가장 가까운 주소를 찾으려면 50 개의 주소를 비교하고 싶다면 50 개의 요소를 사용하고 있습니다.