Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Christopher Portillo
Christopher Portillo
13,787 Points

Creating an interactive map similar to one used in Runkeeper.com.

Hi.

I am building a website where users will have to opportunity to upload a route on a map.

I was curious if anyone know what and how to build a map similar to run keeper when someone wants to manually inputs their run or walk route they did.

Thank you

1 Answer

Brian MacDonald
Brian MacDonald
4,951 Points
Brian MacDonald
Brian MacDonald
4,951 Points

Hello Christopher,

I am not totally familiar with runkeeper's current map style - however I work on multiple sites using the Google maps API, and google easily sets this up for you to do things like plot a path.

Here is an example of a hard-coded map path tutorial http://www.codeproject.com/Articles/175557/Plot-Path-using-Google-Maps-JavaScript-API, there is many ways you could alter the style/functionality of it to make it dynamic and accept input on the start and destination points!

For ease of use, reading up on the Google maps API may bring you many solutions to your problem.