Ever wonder what goes on below the hood when you generate a Google Map?
White Rock Solutions wants to give you a clue and teach you to do it within your text editor.
I first noted White Rock’s tutorials last month. The early tutorials I reviewed were ideal for people just starting out. In the meantime, White Rock has uploaded several advanced Google API how-tos that will teach you to:
- Sign up for a Google Maps API
- Create a custom template
- Add map controls
- Add placemarks to a map
- Add standard info windows
- Add tabbed info windows
By the fourth volume, you’ll have started from scratch and written code to create this:

If you’re interested simply in creating a custom map on the fly with a WYSIWYG interface, go to Google Maps and dive in or follow the basic tutorials at White Rock or any of the resources Mark Luckie notes at this useful 10,000 Words post.
But if you want to know what all those JavaScript commands in the source code mean, then White Rock’s tutorials will spell it out in plain English. Unless you’d rather dissect the code yourself.
Posted by Zahler at 10:56 pm on September 3rd, 2008.
Categories: Great tools, maps. Tags: API, code, google maps, how to, programming, tutorials.
White Rock Solutions has some accessible tutorials for getting started with Google Maps, which I discovered from a comment on an earlier post.
I like what I see here. Most of this covers areas I’m already comfortable with, such as creating a custom map, adding placemarks or lines and sharing maps.
But I appreciate White Rock’s step-by-step thoroughness, the effective use of screen grabs and the easy, tabbed interface.
More… »
Posted by Zahler at 11:54 am on August 8th, 2008.
Categories: Great tools, maps. Tags: google maps, howto, mapping, mashups, tutorials.

Here’s another great contribution from Erica Smith, the talent behind the indispensable Paper Cuts map of newspaper layoffs.
When I posted about that site, Erica chimed in and steered me toward a tutorial she wrote about creating Google maps from a database without having to know code. I finally took the time to run through it, exporting the data from my earlier effort on Community Walk.
The tutorial is concise and easy to follow. Unfortunately, the instructions for incorporating javascript into a Wordpress post are not, so you must click the image or HERE to see my map.
This is a must-visit for anybody getting their feet wet in the world of mashups. Thanks, Erica.
Posted by Zahler at 9:35 am on August 1st, 2008.
Categories: Great tools, maps. Tags: google, how to, mapping, maps, Paper Cuts, tutorial.
View Larger Map
The Spokesman-Review is running a series on the Spokane River by reporter Becky Kramer, who is taking part in a seven-leg raft/paddle expedition organized by the Spokane River Forum.
The project is the biggest undertaking I’ve been part of at this newspaper. To complement the stories, I developed an interactive map using Google My Maps. There are historical photos, aerial photos by S-R photog Jesse Tinsley, markers with information about key landmarks and illustrations by Rick Hosmer, a participant on the expedition.
The map was time-consuming but easy to put together. I didn’t dabble with KML or other more sophisticated Google tools, instead relying on the basic My Maps interface. You can check out a quick tutorial here.
The map has been getting decent traffic and love from my friends at Down to Earth.
Of course, I’m not the only one merging waterways and interactive maps in these parts. Cheney, Wash., resident Ron Hall introduced himself in my comments section and shared this link to his Google Earth aquifer tour. Also check out this profile S-R reporter Parker Howell wrote about Hall and his 3D modeling of Spokane landmarks. Great stuff, and miles beyond what I’m doing. For now.
Posted by Zahler at 10:02 pm on July 15th, 2008.
Categories: Shameless self-promotion, maps, work. Tags: aquifer, google earth, google maps, interactive, Spokane, spokane river.
This via cyberjournalist: An interactive map of newspaper layoffs and buyouts this year at graphicdesignr.net. The listed total is more than 4,880. You can also find one for 2007, which includes the cuts at my newspaper, The Spokesman-Review.
Two points: First, this map is more affecting than the daily reports on Romanesko or a simple number. Which is another example of why multimedia just makes information crackle.
Second, take a look at Erica Smith’s site while you’re there. She’s an accomplished news designer at a major metro who also has chops in flash design and mashing up data.
My news design background is scantier, limited to the B section and wire pages at the S-R and a few A1 design shifts at the Missourian. But I would love to develop skills and a portfolio like Smith’s. It’s one big way I can help avoid becoming part of her next map.
At right, one of my better page one efforts.
Posted by Zahler at 7:28 pm on June 24th, 2008.
Categories: Great multimedia, Industry, maps. Tags: buyouts, design, flash, layoffs, maps, mashups, newspapers.