Address Geocoding with Google Maps API, Firebase, and VueJs

  • 130

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.

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