The Goal:
Use Vue.js and an Api to locate and display the location of the International Space Station (ISS).
The Method:
The project started as a basic HTML/CSS build. I started with simple text and left spaces for the longitude/latitude to populate on the screen.
Next, I selected the "wheretheiss.at" API to pull in the data I needed; I hooked in the JavaScript to pull the longitude and latitude to pull and populate when the page loads.
Using the Vue.js framework, I linked an addional Vue displaying just a pin on a GoogleMap. This was done by displaying a GoogleMap link, with the longitude/latitude drawn from the API replacing the latitude and longitude in the URL
Unexpected Challenges:
Midway through the project the free API I was using to collect data on the ISS stopped working. I had to locate a new API to make the call.
Results
A simple little ticker that displays the current position of the ISS Space Station in latitude and longitude and a google-generated map of the location.