Google Maps JavaScript API Tutorial




In this video I will work a little bit with the Google Maps API as requested by some of my subscribers. We will implement a map with some custom markers, info window, event listeners and we will optimize the code so that we can easily add new markers with new properties.

CODE: Code for this video
http://www.traversymedia.com/downloads/mymap.zip

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


44 responses to “Google Maps JavaScript API Tutorial”

  1. Can you do a Gmaps video on entering long/lat via an admin page input field and that will post a marker on a G map on a home page of a site. As if a Realtor wanted to have markers of all their properties available. When a visitor comes to the home page and sees the map, they could click on the marker and be taken to that property info.

  2. Hi from Italy. First I want to congreatulate with you for the nice and welldone video. I only have a request. When the map appears in the website, all ok if I click on the marker but if I click somwhere else it appear a standard pin. Is it possible not to allow users to add extra pins? Thank you.

  3. I tried cut pasting the script portion in the html to a separate JS file. However, the map was not showing up. Any idea why is it so ? Does it mean that all the JS script related to Google Map has to be in the script tag. PS: I was testing this thing in meteor.js client folder and then running it as a server.

  4. Thanks for this walk-through. I felt I learned a lot just from this video. I'm thinking of tying it to a back-end database. Do you think mongoDB would be a better choice than MySQL?

  5. Hey Brad, I was having issues with the map loading up towards the end of the course and wanted to compare your code with mine, and when I ran you html file, your map didn't come up as well but instead a error message came up. Thanks

  6. Thank you so much! This is very helpful! I find it's best to learn this video by watching it while doing it on my own. I'd love to have more in-depth tutorial on how to integrate database with Google Map API! 🙂

  7. Enjoy the video? That was f*^%n awesome bro. Damn, I was looking at what I could do with Google Maps for our little business and you've just laid the path. This is truly donation territory, thank you so very much!

Leave a Reply