TravelTime-Frontend
TravelTime-Frontend
/ max_changes_1.json
Created
February 21, 2023 09:26
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "locations": [ | |
| { | |
| "id": "Stratford New Town", | |
| "coords": { | |
| "lat": 51.549430780808144, | |
| "lng": 0.0037792150027415876 | |
| } | |
| }, | |
| { |
TravelTime-Frontend
/ index.html
Created
February 21, 2023 09:16
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <head> | |
| <link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css" | |
| integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" | |
| crossorigin="" /> | |
| <script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js" | |
| integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg==" | |
| crossorigin=""></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> | |
| <style> | |
| #location-list { |
TravelTime-Frontend
/ variables.js
Created
February 21, 2023 08:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // The name of the starting location. We will have to geocode this to coordinates. | |
| var startingLocation = "The White House, DC"; | |
| // The departure time in an ISO format. | |
| var departureTime = "2019-01-04T09:00:00-0500"; | |
| // Travel time in seconds. We want 1 hour travel time so it is 60 minutes x 60 seconds. | |
| var travelTime = 60 * 60; | |
| // These secret variables are needed to authenticate the request. Get them from http://docs.traveltimeplatform.com/overview/getting-keys/ and replace | |
| var APPLICATION_ID = "place your app id here"; | |
| var API_KEY = "place your api key here"; | |
| // Map focus point when code sample is loaded |
TravelTime-Frontend
/ geocoding.js
Last active
February 21, 2023 13:51
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function sendGeocodingRequest(location) { | |
| // The request for the geocoder. Reference: http://docs.traveltimeplatform.com/reference/geocoding-search/ | |
| var request = { | |
| query: location | |
| }; | |
| document.getElementById("error").style.display = "none"; | |
| var xhr = new XMLHttpRequest(); | |
| xhr.responseType = "json"; | |
| xhr.open("GET", "https://api.traveltimeapp.com/v4/geocoding/search?query=" + location) | |
| xhr.setRequestHeader("X-Application-Id", APPLICATION_ID); |
TravelTime-Frontend
/ request.js
Created
February 21, 2023 08:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function sendTimeMapRequest(geocodingResponse) { | |
| // The request for Time Map. Reference: http://docs.traveltimeplatform.com/reference/time-map/ | |
| var coords = geocodingResponse.features[0].geometry.coordinates; | |
| var latLng = { lat: coords[1], lng: coords[0] }; | |
| var request = { | |
| departure_searches: [{ | |
| id: "first_location", | |
| coords: latLng, |
TravelTime-Frontend
/ drawTimeMap.js
Created
February 21, 2023 08:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function drawTimeMap(map, response) { | |
| // Reference for the response: http://docs.traveltimeplatform.com/reference/time-map/#response-body-json-attributes | |
| var shapesCoords = response.results[0].shapes.map(function (polygon) { | |
| var shell = ringCoordsHashToArray(polygon.shell); | |
| var holes = polygon.holes.map(ringCoordsHashToArray); | |
| return [shell].concat(holes); | |
| }); | |
| var polygon = L.polygon(shapesCoords, { color: 'red' }); | |
| polygon.addTo(map); |
TravelTime-Frontend
/ mapTiles.js
Created
February 21, 2023 08:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var mymap = L.map('mapid').setView([38.8, -77.0365], 9); | |
| L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { | |
| maxZoom: 18, | |
| attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' + | |
| '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + | |
| 'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>', | |
| id: 'mapbox.streets' | |
| }).addTo(mymap); |
TravelTime-Frontend
/ request.json
Created
February 21, 2023 08:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "departure_searches": [ | |
| { | |
| "id": "example", | |
| "coords": { | |
| "lat": 51.507609, | |
| "lng": -0.128315 | |
| }, | |
| "transportation": { | |
| "type": "public_transport" |
TravelTime-Frontend
/ response.json
Created
February 21, 2023 08:12
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "results": [ | |
| { | |
| "search_id": "example", | |
| "shapes": [ | |
| { | |
| "shell": [ | |
| { | |
| "lat": 51.516246, | |
| "lng": -0.14439687999999948 |
TravelTime-Frontend
/ geocodingTemplate.html
Created
February 21, 2023 08:12
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v1.3.0/leaflet.css" /> | |
| <link rel="stylesheet" href="css.css" /> | |
| <script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js" | |
| integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg==" | |
| crossorigin=""></script> | |
| <title>Geocoding for Leaflet</title> |