aindreas/traintracker
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix API parsing

Browse Source
This commit is contained in:
Conor McNamara
2023-02-03 21:51:59 +00:00
parent 110d6fbf3f
commit 855e1a7f7d
1 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Map.vue
View File

@ -1,12 +1,9 @@
<template> <template>
<h1>Test</h1> <h1>Test</h1>
<button @click="getLiveTrainData">Show</button> <button @click="getLiveTrainData">Show</button>
<button @click="postLiveTrainData">Populate Database</button> <button @click="postLiveTrainData">Populate Database</button>
<ol-map :loadTilesWhileAnimating="true" :loadTilesWhileInteracting="true" style="height: 1000px"> <ol-map :loadTilesWhileAnimating="true" :loadTilesWhileInteracting="true" style="height: 1000px">
<ol-view ref="view" :center="center" :rotation="rotation" :zoom="zoom" :projection="projection" /> <ol-view ref="view" :center="center" :rotation="rotation" :zoom="zoom" :projection="projection" />
<ol-tile-layer> <ol-tile-layer>
@ -33,9 +30,9 @@
</template> </template>
<script> <script>
import { ref } from 'vue' import { ref } from 'vue';
import {fromLonLat, toLonLat} from 'ol/proj.js'; import {fromLonLat, toLonLat} from 'ol/proj.js';
import axios from 'axios' import axios from 'axios';
export default { export default {
name: "Map", name: "Map",
@ -66,7 +63,6 @@ export default {
}, },
methods: { methods: {
// fetch live train data from the Firestore database // fetch live train data from the Firestore database
getLiveTrainData() { getLiveTrainData() {
axios.get('https://us-central1-concept-d5be1.cloudfunctions.net/getLiveTrainData') axios.get('https://us-central1-concept-d5be1.cloudfunctions.net/getLiveTrainData')
@ -74,9 +70,9 @@ export default {
this.dbLiveTrainData = response.data; this.dbLiveTrainData = response.data;
// create a Hashmap with the key-values as {TrainCode: JSON} // create a Hashmap with the key-values as {TrainCode: JSON}
for(var i=0; i<this.dbLiveTrainData.length; i++) { for(var i=0; i<this.dbLiveTrainData.data.length; i++) {
this.allDataMap[this.dbLiveTrainData[i]["TrainCode"][0]] = this.dbLiveTrainData[i]; this.allDataMap[this.dbLiveTrainData.data[i]["TrainCode"][0]] = this.dbLiveTrainData.data[i];
this.coordinates[i] = ref(fromLonLat([this.dbLiveTrainData[i]["TrainLongitude"][0], this.dbLiveTrainData[i]["TrainLatitude"][0]])) this.coordinates[i] = ref(fromLonLat([this.dbLiveTrainData.data[i]["TrainLongitude"][0], this.dbLiveTrainData.data[i]["TrainLatitude"][0]]))
} }
}) })
.catch((error) => { .catch((error) => {