Test for time travel api implimentation

Projects/15MC/.env

@@ -0,0 +1,5 @@
+Application ID = "5036f84f"
+
+Application Keys = "45a4de942f1b32a4be715b415c4e3bcf"
+
+https://api.traveltimeapp.com/v4/time-map

Projects/15MC/index.html

@@ -55,6 +55,8 @@
             crossorigin="anonymous" referrerpolicy="no-referrer"></script> -->
 
     <script src="sketch.js"></script>
+    <script src="isoschrone.js"></script>
+    <script src="isochrone.json"></script>
     <!-- <script src="index.js"></script> -->
 
 </body>

Projects/15MC/isochrone.js

@@ -0,0 +1,54 @@
+const myHeaders = new Headers();
+myHeaders.append("Content-Type", "application/json");
+myHeaders.append("Accept", "application/json");
+myHeaders.append("X-Application-Id", "{{5036f84f}}");
+myHeaders.append("X-Api-Key", "{{45a4de942f1b32a4be715b415c4e3bcf}}");
+
+const raw = JSON.stringify({
+  "departure_searches": [
+    {
+      "id": "public transport from Trafalgar Square",
+      "coords": {
+        "lat": 51.507609,
+        "lng": -0.128315
+      },
+      "transportation": {
+        "type": "public_transport"
+      },
+      "departure_time": "{{departure_time}}",
+      "travel_time": 900
+    }
+  ],
+  "arrival_searches": [
+    {
+      "id": "public transport to Trafalgar Square",
+      "coords": {
+        "lat": 51.507609,
+        "lng": -0.128315
+      },
+      "transportation": {
+        "type": "public_transport"
+      },
+      "arrival_time": "{{arrival_time}}",
+      "travel_time": 900,
+      "range": {
+        "enabled": true,
+        "width": 3600
+      }
+    }
+  ]
+});
+
+const requestOptions = {
+  method: "POST",
+  headers: myHeaders,
+  body: raw,
+  redirect: "follow"
+};
+
+fetch("https://api.traveltimeapp.com/v4/time-map", requestOptions)
+  .then((response) => response.text())
+  .then((result) => console.log(result))
+  .catch((error) => console.error(error));
+
+//   push to git 

Projects/15MC/isochrone.json

@@ -0,0 +1,35 @@
+
+{
+  "departure_searches": [
+    {
+      "id": "public transport from Trafalgar Square",
+      "coords": {
+        "lat": 51.507609,
+        "lng": -0.128315
+      },
+      "transportation": {
+        "type": "public_transport"
+      },
+      "departure_time": "{{departure_time}}",
+      "travel_time": 900
+    }
+  ],
+  "arrival_searches": [
+    {
+      "id": "public transport to Trafalgar Square",
+      "coords": {
+        "lat": 51.507609,
+        "lng": -0.128315
+      },
+      "transportation": {
+        "type": "public_transport"
+      },
+      "arrival_time": "{{arrival_time}}",
+      "travel_time": 900,
+      "range": {
+        "enabled": true,
+        "width": 3600
+      }
+    }
+  ]
+}

Projects/15MC/main.css

@@ -97,9 +97,10 @@ body{
 
 
 #map{
-
+    
     margin: 50px;
     top: 5vh;
     height: 80vh;
     width: 80vw;
+
 }

Projects/15MC/sketch.js

@@ -81,3 +81,4 @@ if ("geolocation" in navigator) {
 }
 
 
+