Address Geocoding with Google Maps API, Firebase, and VueJs

Address Geocoding with Google Maps API, Firebase, and VueJs
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

Suggest:

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

Vue.js Tutorial: Zero to Sixty

Learn Vue.js from Scratch - Full Course for Beginners