• Tuesday , 22 August 2017

Google Geocode API & JavaScript Tutorial

Code Canyon



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

http://www.linkedin.com/in/bradtraversy

Original source

3d Ocean

Related Posts

45 Comments

  1. David Chen
    July 31, 2017 at 18:46

    How come I dont need a key to access the API data? http://maps.googleapis.com/maps/api/geocode/json?address=11794

  2. martin coulstock
    July 31, 2017 at 18:46

    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

  3. Gabriel Jumah Jumah
    July 31, 2017 at 18:46

    I have loved and followed all through without loosing. Thanks so much for this tutorial

  4. Adeliia Gataullina
    July 31, 2017 at 18:46

    Great video! Just what I've needed 🙂 Thank you

  5. Aimopotis 80
    July 31, 2017 at 18:46

    Keep on teaching bro

  6. mulugeta zeleke
    July 31, 2017 at 18:46

    I tried to move code to external file, it is not working
    $(document).ready(function(){
    .. code
    }), any tips

  7. markahofland
    July 31, 2017 at 18:46

    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.

  8. Baysah Korti
    July 31, 2017 at 18:46

    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.

  9. Shterion Yanev
    July 31, 2017 at 18:46

    Great job!

  10. Motasem HA
    July 31, 2017 at 18:46

    Hi , that is realy nice, thank you. how we can get those information for a list of addresses they could be 10000 addresses?

  11. ciccio mirabella
    July 31, 2017 at 18:46

    Thank you so much Brad. This stuff about Google APIs is super-awesome

  12. Emmanuel
    July 31, 2017 at 18:46

    Thank You, Sir. You're the best

  13. Djordje Arsenovic
    July 31, 2017 at 18:46

    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!

  14. John S
    July 31, 2017 at 18:46

    Have you done any videos on PWA's

  15. mohamed abdelaziz
    July 31, 2017 at 18:46

    please I want tutorial about geopoint can you help me ??

  16. JSNode
    July 31, 2017 at 18:46

    Awesomeness level 10k%

  17. Milan M
    July 31, 2017 at 18:46

    Preact and Next would be interesting topics 😉

  18. Lim Jian
    July 31, 2017 at 18:46

    I know how you look like now!

  19. Web Stack Code
    July 31, 2017 at 18:46

    Great video. Keep them coming!

  20. Sergio Larrakoetxea
    July 31, 2017 at 18:46

    I love that video, but it's better if you do a promise in js ES6, more interesting, without libraries, anyway, awersome

  21. saber amani
    July 31, 2017 at 18:46

    Brad, you are amazing, thank you man. How about creating some series of videos about Javascript and jQuery validations in a real example?

  22. faiz05021981
    July 31, 2017 at 18:46

    I am trying to get jsonp response of this data but it always showing me error as

    Uncaught SyntaxError: Unexpected token :

  23. lorne jones
    July 31, 2017 at 18:46

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

  24. Akash Vanjani
    July 31, 2017 at 18:46

    Thanx Brad…

  25. Umam Maulana
    July 31, 2017 at 18:46

    Google maps, now google geocode. please do google place next 🙂

  26. Tim
    July 31, 2017 at 18:46

    Thank you!

  27. Josh Douglas
    July 31, 2017 at 18:46

    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!

  28. Pieter Haro
    July 31, 2017 at 18:46

    Great tutorial, keep it up

  29. Eric Tan
    July 31, 2017 at 18:46

    Thank you.

  30. Muzaffer Hassan
    July 31, 2017 at 18:46

    cool one… (y)

  31. Ghezal Mohammed Amine
    July 31, 2017 at 18:46

    you are king, thank you brad, Y'as pas une Moyen On api to know the altitude and longitude of a point on maps

  32. EazyNation
    July 31, 2017 at 18:46

    Amazing, I support you

  33. Ramon Briceño
    July 31, 2017 at 18:46

    You rock man! Congratulations

  34. Khalil Rahmani
    July 31, 2017 at 18:46

    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.

  35. Khalil Rahmani
    July 31, 2017 at 18:46

    BIG Thanks Brad. I really enjoy your videos 🖒

  36. Jose Pacheco
    July 31, 2017 at 18:46

    Awesome as usual!! Please do a Javascript voice recognition app (like Jarvis, it's getting trending this days. Thank you very much! 😀

  37. Adrien Samsung
    July 31, 2017 at 18:46

    thanks cool

  38. Ravindra Babu
    July 31, 2017 at 18:46

    thank you! you are AWESOME!

  39. RealToughCandy
    July 31, 2017 at 18:46

    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.

  40. HARSHAL THAKRE
    July 31, 2017 at 18:46

    You are awesome and best ..great video
    can you please make some project video on twitter data analytics api using mean stack

  41. David Basil
    July 31, 2017 at 18:46

    Powerlifter + programmer = double like from me.

  42. Wu Josh
    July 31, 2017 at 18:46

    finallly see ur webcame..handsome guy

  43. Mohammad Nickravesh
    July 31, 2017 at 18:46

    thanks for video. i think your teaching about working with javascript is better than google api 🙂

  44. Inder Sav
    July 31, 2017 at 18:46

    please do a tutorial on Google my business using php

  45. Buy Store
    July 31, 2017 at 18:46

    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?

Leave A Comment

You must be logged in to post a comment.