bstein/neogeek23.github.io
1
0
Fork 0
mirror of https://github.com/neogeek23/neogeek23.github.io.git synced 2026-02-04 10:58:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update MapScript.js

Browse Source
This commit is contained in:
Brad Stein 2018-09-21 02:41:47 -05:00 committed by GitHub
parent 58cb5bcf5b
commit b276fd7f43
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 45 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
MapTest/MapScript.js
View File

@ -1,29 +1,54 @@
let map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 32.776, lng: -96.797},
zoom: 10
let directionsService = new google.maps.DirectionsService;
let directionsDisplay = new google.maps.DirectionsRenderer;
let map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 32.9608558, lng: -96.8530005},
zoom: 13
});
let home;
home = new google.maps.Marker({
position: {lat: 32.9608558, lng: -96.8530005},
map: map,
title: 'Home'
});
// let home = new google.maps.Marker({
// position: {lat: 32.9608558, lng: -96.8530005},
// map: map,
// title: 'Home'
// });
//
// let globe_runnner= new google.maps.Marker({
// position: {lat: 32.972469, lng: -96.830857},
// map: map,
// title: 'Globe Runner'
// });
let globe_runnner;
globe_runnner = new google.maps.Marker({
position: {lat: 32.972469, lng: -96.830857},
map: map,
title: 'Globe Runner'
directionsDisplay.setMap(map);
document.getElementById('submit').addEventListener('click', function() {
calculateAndDisplayRoute(directionsService, directionsDisplay);
});
}
let unifocus;
unifocus = new google.maps.Marker({
position: {lat: 32.9194354, lng: -96.9292158},
map: map,
title: 'Unifocus'
function calculateAndDisplayRoute(directionsService, directionsDisplay){
directionsService.route({
origin: document.getElementById('start').value,
destination: document.getElementById('end').value,
optimizeWaypoints: true,
travelMode: 'DRIVING'
}, function(response, status) {
if (status === 'OK') {
directionsDisplay.setDirections(response);
let route = response.routes[0];
let summaryPanel = document.getElementById('directions-panel');
summaryPanel.innerHTML = '';
// For each route, display summary information.
for (let i = 0; i < route.legs.length; i++) {
let routeSegment = i + 1;
summaryPanel.innerHTML += '<b>Route Segment: ' + routeSegment +
'</b><br>';
summaryPanel.innerHTML += route.legs[i].start_address + ' to ';
summaryPanel.innerHTML += route.legs[i].end_address + '<br>';
summaryPanel.innerHTML += route.legs[i].distance.text + '<br><br>';
}
} else {
window.alert('Directions request failed due to ' + status);
}
});
}