Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript

Google Maps API get current location

Hi guys!

I'm really new to this. I was taking the PHP MySQL course and then I did this Google Maps tutorial: https://developers.google.com/maps/articles/phpsqlsearch_v3

I did the tutorial successfully! I have phpMyAdmin and localhost:8888 running and it finds the address I input and shows the markers where they should be :)

https://github.com/summerspirit/super-octo-lamp

What I need it to do though is get the user's current location, show the markers near that and only use the input address button as a backup if there's an error.

if (navigator.geolocation) {
  console.log('Geolocation is supported!');
}
else {
  console.log('Geolocation is not supported for this Browser/OS version yet.');
}

https://developers.google.com/web/fundamentals/native-hardware/user-location/obtain-location?hl=en

What I can't figure out is where to put the geolocation. Do I need to attach it to my html button? Does it need to be part of the load function?

My understanding is I need the current user location to be the center point for the map?

Any help/tips/direction would be much appreciated :)

Thanks!

1 Answer

Chris Shaw
Chris Shaw
26,650 Points

Hi Green Frog,

I recommend you have a read through the below link which shows an example of using geolocation for Google Maps, in conjunction with that I also recommend you read through the second link as well which explains best practices when requesting a users location.

Hope that helps.