Google Geocode API & JavaScript Tutorial

In this video we will be working with the Google geocoding API to get all location info including latitude and longitude from an address or even from just the name of a city or state. We will build an application with a Bootstrap 4 form to interact with the API.

CODE: Code for this video

Google Map API Tutorial:

SPONSORS:

SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support:

FOLLOW TRAVERSY MEDIA:

[RealToughCandy]

Brad, you rock. Please continue to do these Google API videos! They are *so* helpful and really motivate me to continue my coding journey! I spent a few hours on your first Google API video and am in love with the possibilities! Thank you so much for your great material.

[nicode]

Most straight forward API tutorial I've seen yet. Somebody buy this dude a beer!

[retro]

Hey man, I am in Dourchester and I just wanted to thank you. This was the most difficult thing that I was working on. The databasing was 10x was easier than the Google tutorials. Thank you again

[mathewjohn]

Realy helpfull...
Am a Junior Node Devoloper From India...
This helped me a lot...
Thank You...
Keep The The Things Going...
All The Best...

[markahofland]

Something for your viewers to consider is that the API Key must be unrestricted.  I discovered under the returned object the following statement:  Browser API key cannot have referrer restrictions when used with this API.    Note:  Your videos are well produced and explained.

[davidbasil]

Powerlifter + programmer = double like from me.

[ronnieraney]

This is tremendous. I have watched a lot of tutorials lately and you're excellent. For one thing, you don't do corn-ball humor like all those online schools. You also present it well for novice coders. More please.

[jefdevelops.]

I wonder how a video so good like this has 34 unlikes. what do people want?

[djordjearsenovic]

Good thing about Chrome console is that you can right click on the object property and copy the whole path. Just to be easier for u, probably u already know this but maybe it could be helpful for someone. Great tutorial as always!

[rn]

Next with Vue or React. This series is very helpful since maps are requested by Clients A LOT in the real world for freelancers.

[laxmihargunani]

wow Brad! you just made it so easy to understand!

[kevinmcrae]

As someone with little experience working with APIs, this was a great tutorial. Answered a lot of questions I had :)

[dbibbyma]

OMG! Dude, yeah, you rock. I have been messing around with the Place API and trying to get it to work with no success. It runs with no errors, yet I get no data back. I looked at axios but didn't want to install it via npm. However, think I will try it again by including the library

[fauzansulthoni]

I think this is a simple tutorial but contains big value, thaNK yOu

[Lornecjones]

I enjoyed this video... It really breaks it down using the API for Google Maps... Adding points to directions would be great also.

[kevinzhang]

Brad, I completed your yesterday and completed this related video today ... as always, I’d appreciated your high quality video and keep me motivated to continue to learn. Thank you!

[dburke]

This has been great. would love to see more google api videos

[justinmoore]

Dude, you explain things in such an easy to understand way I'm subscribing and looking forward to future videos.

[krishnaranshinge]

I am getting error Uncaught ReferenceError:axios is not defined at HtmlFormElement.geocode

[linkonline]

Thank you teacher, and what if I store all the address in my database and I want all of them to be lat/lng so that I can put marker on the map.How to do that sir ?