Made for Engineering 551 - Advanced Geospatial Topics Winter 2020
Lab 4 - Geoweb Application w/ Spatial Analysis with Turf.js
-
Find Nearest Hospitals/ Clinics: Clicking on a school will find the closest hospital/ clinic which is indicated by a line from the school to the hospital. Hovering over the line will display the distance.
-
Marker Clusters: Once permits are found, they are visualized on the map. Groups of markers will cluster together and clicking on the cluster will expand the marker group.
-
Marker Spiderfier: If there are several markers that are overlapping, they will be clustered and clicking on it will display all overlapping markers.
-
Layer Control: Users can switch between the standard map view from OpenStreetMap or satellite view courtesy of Mapbox.
- Vue: While in the directory, run the command "npm install" to install all the required dependencies used in this project. Once that is finished installing, run the command "npm run serve". This will host the website on your local machine and you can access it by going to "localhost:8080" which is the default address.
-
.gitignore - This file is used to ignore directories or files when pushing/ committing changes. In this case we are ignoring node modules that have been installed for the website. To install these dependencies and modules, we can use the command "npm install".
-
package.json/ package-lock.json - These files describe what dependencies and modules that the website uses.
-
/public - Here you can find the index.html used for the website.
-
/src/App.vue - This file contains the vue application that uses the components.
-
/src/components - This app uses two components. The toolbar.vue component contains the code for the UI including the app bar and search tool. The leaflet.vue component contains the code for the map and implementing data visualization.