-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathnn.html
107 lines (101 loc) · 3.89 KB
/
nn.html
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html>
<head>
<title>Distance Matrix service</title>
<meta charset="utf-8">
</head>
<body>
<div id="right-panel">
<div id="inputs">
<pre>
var origin1 = {"485 M. Almeda Street, Pateros, 1620 Kalakhang Maynila", "Philippines"};
var origin2 = '98 P. Rosales, Pateros, 1621 Metro Manila';
var destinationA = 'Marikina Heights, Philippines';
var destinationB = {lat: 50.087, lng: 14.421};
</pre>
</div>
<div>
<strong>Results</strong>
<input type="text" id="neededDistance"/>
</div>
<div id="output"></div>
</div>
<div id="map"></div>
<script src="js/jquery-1.9.1.min.js"></script>
<script>
function initMap() {
//var bounds = new google.maps.LatLngBounds;
//var markersArray = [];
var origin = {lat: 55.93, lng: -3.118};
var destination = 'Maynila, Philippines';
/*var destinationIcon = 'https://chart.googleapis.com/chart?' +
'chst=d_map_pin_letter&chld=D|FF0000|000000';
var originIcon = 'https://chart.googleapis.com/chart?' +
'chst=d_map_pin_letter&chld=O|FFFF00|000000';
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 55.53, lng: 9.4},
zoom: 10
});*/
//var geocoder = new google.maps.Geocoder;
var service = new google.maps.DistanceMatrixService;
service.getDistanceMatrix({
origins: [origin],
destinations: [destination],
travelMode: 'DRIVING',
unitSystem: google.maps.UnitSystem.METRIC,
avoidHighways: false,
avoidTolls: false
}, function(response, status) {
if (status !== 'OK') {
alert('Error was: ' + status);
} else {
var originList = response.originAddresses;
//var destinationList = response.destinationAddresses;
//var outputDiv = document.getElementById('output');
//outputDiv.innerHTML = '';
//deleteMarkers(markersArray);
/*var showGeocodedAddressOnMap = function(asDestination) {
//var icon = asDestination ? destinationIcon : originIcon;
return function(results, status) {
if (status === 'OK') {
map.fitBounds(bounds.extend(results[0].geometry.location));
markersArray.push(new google.maps.Marker({
map: map,
position: results[0].geometry.location//,
//icon: icon
}));
} else {
alert('Geocode was not successful due to: ' + status);
}
};
};
*/
for (var i = 0; i < originList.length; i++) {
var results = response.rows[0].elements;
$("#neededDistance").val(results[0].distance.value);
//geocoder.geocode({'address': originList[i]});//,
//showGeocodedAddressOnMap(false));
/*for (var j = 0; j < results.length; j++) {
geocoder.geocode({'address': destinationList[j]},
showGeocodedAddressOnMap(true));
outputDiv.innerHTML += originList[i] + ' to ' + destinationList[j] +
': ' + results[j].distance.text + ' in ' +
results[j].duration.text + '<br>';
}*/
}
}
});
}
/*
function deleteMarkers(markersArray) {
for (var i = 0; i < markersArray.length; i++) {
markersArray[i].setMap(null);
}
markersArray = [];
}*/
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAVIdx3RbFKaI-NDa7hw-t-CQVGX_IiEHE&callback=initMap">
</script>
</body>
</html>