In this tutorial, we’re going to be geocoding addresses using the Google Maps API, Firebase, and VueJs. For those that don’t know, geocoding is the process of taking an address and converting it to latitude and longitude. It is something that is extremely common in web and mobile applications.
Timestamps
0:45 - Project Demo
1:51 - Setting up Google API’s
3:54 - Setting up a Firebase Project
5:08 - Setting up Firebase CLI
5:56 - Creating VueJs Project
6:42 - Initializing Firebase Functions
7:50 - Installing VueJs Project Packages
8:20 - Adding Google Maps, Bootstrap, and Firebase to VueJs Project
11:14 - Coding Address Form and Google Map Display
17:24 - Coding Firebase Function for Geocoding and Saving to Firestore
25:51- Deployment and Testing Firebase Function with Postman
28:33 - Calling Firebase Function From Vue
Google Developer Console
https://console.developers.google.com/
Firebase
https://firebase.google.com/
VueJs
https://vuejs.org/
Postman
https://www.postman.com/
Bitbucket Repo
https://bitbucket.org/TheDiligentDev/google-address-geocoding/src/master/
#geocoding #googleMaps #Firebase #VueJs
☞ Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework
☞ Learn Vue.js from scratch 2018
☞ Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview!
☞ Vue.js & Firebase Tutorial - Real-time Chat