WSJ's "Styled Maps" using Google Maps API for San Francisco Marathon

Albert Sun of the Wall Street Journal takes us behind the scenes in the creation of a recent news graphic titled: "Going the Distance: Comparing Marathons" powered by Google Maps API."To help people see this better, we decided to compare the San Francisco marathon to the big three US marathons: Boston, New York and Chicago. […]

Albert Sun of the Wall Street Journal takes us behind the scenes in the creation of a recent news graphic titled: "Going the Distance: Comparing Marathons" powered by Google Maps API.

"To help people see this better, we decided to compare the San Francisco marathon to the big three US marathons: Boston, New York and Chicago. Styled Maps let us give the map more of a distinctive WSJ look. Styled Maps lets us get close enough for what we're trying to show. When Styled Maps first becomes available we used the Styled Map Wizard to create a set of different looks for different types of maps, trying to recreate our own maps style.

Along with the Google Maps API, we used jQuery for its wealth of convenience functions and how much easier it makes writing programs in JavaScript. The core of the graphic is a basic Polyline drawn in Google Maps showing the route."

[Source: 1| 2]