I’ve been doing some research on how I want to move the bike map creator app forward. I know that I want to tackle the ‘saved routes’ feature next. I’ve been avoiding doing any real work on the problem because it is new territory for me and I just didn’t know how I should move proceed.

Today I decided to sit down and whip out a rough draft of what is to come. My goal was to code a simple route in a kml file and load it into the the map creator app. After a few hours of tinkering and researching I did it! I’d love to hear your feedback on this so don’t be afraid to blow up the comments on the article page.

Below is the bike map creator app with a custom initialization script that loads a route saved on the server and plots the way points onto the map. The route I chose is one of my favorite local rides, Bellingham, WA to Deception Pass State Park. You can use the bike map creator below just like the official one. The only difference is the preloaded way points. To jump to the route just press the “Route” button and the route will be created and centered in the map.


Click on the map to add way-points. When you are finished click Plot Route.

Total Distance:

Plot your route, divide it into pages pages, then print!
  1. Click on the map to create way-points. When finished click ‘Find Route.’
  2. Divide the route into pages by panning and zooming to a viewpoint that provides a good level of detail. Then click ‘+ Panel.’ Repeat until all of the route is represented in a page.
  3. Click the print button to move to print mode. Click the printer icon or user your browser’s print function to print the pages.

US Bike Route System

A couple years ago a 50,000 mile long US bike route system was designed. The system would create a national network of roads/trails for cyclists connecting major cities and creating epic bike touring routes.

Now that the plan is in place some states are reluctant to start construction on the plan. As it stands it is up to the states to design the routes and build the signs and other infrastructure for the routes. Of course those things cost money and require staff to work on the projects, things that states don’t really want to devote to cycling projects.

If you want to support the projects contact your local representatives and join the Adventure Cycling Association Facebook page.

The other day a gentleman named Rich pointed out a bug to me. Google maps has a built in feature which zooms and centers the map when it is double clicked. My program was registering the double click as two single clicks as well which caused a pair of way points to be created and caused the map to zoom.

After a bit of research and a quick edit to the code I’ve fixed the bug. The solution I found was created by a man named Marcelo. It is a common solution to this problem which is present in all Google map programs which utilize single clicks. The solution involves setting a timer to the clicks to wait for a possible double click event. Unfortunately this makes the way point creation hang for a few milliseconds. It’s not a big deal but it irks me just the same.

Thanks again to Rich for finding the bug!