My project is a integration of Google maps interacting with FireBase Database.
At the moment I have disabled reading and writing to the database, in which case my contacts are available for communication.
- React, Webpack, Babel, Sass
- Axios, Google-Maps-API, FireBase DataBase
Use link: https://suriones.github.io/GoogleMaps_Integration/
Dev Launch:
Write to console: npm install
Write to console: npm run dev
- Display Map (Google Maps, Mapbox of similar);
- When User Clicks Map: Numbered Quest Marker is placed at location on map (1,2,3, etc);
- Firebase Database has new record created as a sub-collection in this format:
- Expand site to GH-pages;
Quest 1:
Location: Lat, Long
Timestamp: Time
Next:
/Quest 2:
/Location: Lat, Long
/Timestamp: Time
/Next:
//Quest 3:
//Location: Lat, Long
//Timestamp: Time
- Marker data is updated in real time according to the database.
- Each click on the map sends get and put requests.