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
http://www.traversymedia.com/downloads/mygeocode.zip
Google Map API Tutorial:
SPONSORS:
DevMountain Bootcamp – https://goo.gl/6q0dEa
SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support:
http://www.paypal.me/traversymedia
http://www.patreon.com/traversymedia
FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
Tweets by traversymedia
http://www.linkedin.com/in/bradtraversy
Original source
45 responses to “Google Geocode API & JavaScript Tutorial”
How come I dont need a key to access the API data? http://maps.googleapis.com/maps/api/geocode/json?address=11794
Hi Brad, great video. But what about a video showing how to select areas on a map with the mouse drag and retreat this info to a form or better still a simple google spreadsheat
I have loved and followed all through without loosing. Thanks so much for this tutorial
Great video! Just what I've needed 🙂 Thank you
Keep on teaching bro
I tried to move code to external file, it is not working
$(document).ready(function(){
.. code
}), any tips
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.
Your Tutorials rock. Thanks a lot. How hard will it be to create a store locator app? Im trying to put a store locator on a website, that will use html5 geolocation and google maps, to display my store locations on a map, and also give clients the ability to find the nearest store from their location. Thanks for your help. again you rock man.
Great job!
Hi , that is realy nice, thank you. how we can get those information for a list of addresses they could be 10000 addresses?
Thank you so much Brad. This stuff about Google APIs is super-awesome
Thank You, Sir. You're the best
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!
Have you done any videos on PWA's
please I want tutorial about geopoint can you help me ??
Awesomeness level 10k%
Preact and Next would be interesting topics 😉
I know how you look like now!
Great video. Keep them coming!
I love that video, but it's better if you do a promise in js ES6, more interesting, without libraries, anyway, awersome
Brad, you are amazing, thank you man. How about creating some series of videos about Javascript and jQuery validations in a real example?
I am trying to get jsonp response of this data but it always showing me error as
Uncaught SyntaxError: Unexpected token :
I enjoyed this video… It really breaks it down using the API for Google Maps… Adding points to directions would be great also.
Thanx Brad…
Google maps, now google geocode. please do google place next 🙂
Thank you!
Another awesome video! I'm hoping for the day you release a "Mega course" for many different technologies with assignment and projects, mentorship etc.. no one seems to teach like you do!
Great tutorial, keep it up
Thank you.
cool one… (y)
you are king, thank you brad, Y'as pas une Moyen On api to know the altitude and longitude of a point on maps
Amazing, I support you
You rock man! Congratulations
Brad..After watching ur Graph API Video, it would be great if you can teach us about working with Facebook Graph API + Vue JS. Thank you MAN.
BIG Thanks Brad. I really enjoy your videos 🖒
Awesome as usual!! Please do a Javascript voice recognition app (like Jarvis, it's getting trending this days. Thank you very much! 😀
thanks cool
thank you! you are AWESOME!
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.
You are awesome and best ..great video
can you please make some project video on twitter data analytics api using mean stack
Powerlifter + programmer = double like from me.
finallly see ur webcame..handsome guy
thanks for video. i think your teaching about working with javascript is better than google api 🙂
please do a tutorial on Google my business using php
Great as always.
Do you have any premium course of how to create a cms or even a complete blog using PHP without a framework?