-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
66 lines (56 loc) · 1.81 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
function initMap() {
const directionsService = new google.maps.DirectionsService();
const directionsRenderer = new google.maps.DirectionsRenderer();
let coordinates_array = [{
lat: 33.627258,
lng: 73.050179
},
{
lat: 33.622667,
lng: 73.050185
},
{
lat: 33.602776,
lng: 73.039545
},
{
lat: 33.585043,
lng: 73.018597
},
{
lat: 33.585161,
lng: 73.018821
}]
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 12,
center: coordinates_array[0],
});
directionsRenderer.setMap(map);
calculateAndDisplayRoute(directionsService, directionsRenderer, coordinates_array);
}
function calculateAndDisplayRoute(directionsService, directionsRenderer, coordinates_array) {
var points_locations = [];
for (i = 0; i < coordinates_array.length; i++) {
var first = new google.maps.LatLng(coordinates_array[i].lat, coordinates_array[i].lng);
points_locations.push({
location: first,
stopover: false
});
}
directionsService.route(
{
origin: `${coordinates_array[0].lat},${coordinates_array[0].lng}`,
destination: `${coordinates_array[coordinates_array.length - 1].lat},${coordinates_array[coordinates_array.length - 1].lng}`,
travelMode: google.maps.TravelMode.DRIVING,
waypoints: points_locations,
optimizeWaypoints: true,
},
(response, status) => {
if (status === "OK") {
directionsRenderer.setDirections(response);
} else {
window.alert("Directions request failed due to " + status);
}
}
);
}