Маршрут трассировки маршрутов Google Maps

Question

Как насчет всех.

У меня возник вопрос о том, как начать использовать карты Google. Я объясняю: Я делаю систему, в которую входят позиция (широта и долгота) предприятий, и у меня есть клиенты, которые также получают доход (широта и долгота), которые находятся в базе данных, тогда предположим, что есть четыре ресторана и Я хочу автоматически, когда я выписал свою систему, назначив клиенту уже восстановленную позицию забора.

Я покажу изображение как объяснение.

Спасибо и привет.

Answer 1

Я не совсем уверен, я понимаю ваш вопрос, но вот код, который я использовал для трассировки маршрута для набора значений широты и долготы:

<script type="text/javascript" 
     src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA8lPDzcCN2E1icji4hSjmHgH-uFieMcX8&sensor=true"> 
    </script> 
    <script type="text/javascript"> 
     function initialize() { 

     var mapOptions = { 
      zoom: 18, 
    center: new google.maps.LatLng(13.035307999999999,77.5688322), 
     }; 
     var map = new google.maps.Map(document.getElementById("map-canvas"), 
      mapOptions); 

     var flightPlanCoordinates = [ 
    // set of (lat,long) values 
new google.maps.LatLng(13.03545513,77.56844698), 
new google.maps.LatLng(13.035312,77.56885567), 
new google.maps.LatLng(13.03541774,77.56790266), 
new google.maps.LatLng(13.0347358,77.56854116), 
new google.maps.LatLng(13.0350667,77.56892307), 
new google.maps.LatLng(13.03534067,77.56951356), 
new google.maps.LatLng(13.03557602,77.56923249), 
new google.maps.LatLng(13.03559478,77.56825478), 
new google.maps.LatLng(13.03558727,77.5672599), 
new google.maps.LatLng(13.03542425,77.5681003), 
new google.maps.LatLng(13.03530649,77.5689072) 
    ]; 

    var flightPath = new google.maps.Polyline({ 
    path: flightPlanCoordinates, 
    geodesic: true, 
    strokeColor: '#FF0000', 
    strokeOpacity: 1.0, 
    strokeWeight: 2 
    }); 

    flightPath.setMap(map); 




     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head>