Creative and reliable instructional design services

Interactive Maps (#86)

A map showing Calgary, Alberta, Canada

Calgary, Alberta, Canada

I love living in Calgary, mostly because it’s so close to the mountains! eLearning Challenge #86 had us create an interactive map of where we live.

I started by looking through some photos of interesting activities and cropping them for a 16:9 window. I used my own photographs for everything except the Stampede, so those shots are smaller and treated differently because their resolution isn’t as good. I considered leaving out the Stampede, but that’s what people know Calgary for, so I felt compelled to include it.

I chose a popular colour theme from I took some screenshots at Then in Storyline 2, started to put the elements together.

I have to admit, I love Illustrator. I wanted my map icons to look different from the markers that come with Storyline so I used that as an excuse to create some little icons. This is where I spent most of my time!

The "ski" icon in Illustrator.

Creating icons in Illustrator

Then it was just a matter of getting layers to show up and hide when I wanted them to and to look good in the interface I was creating. I wanted to try “ghost” buttons and I think they worked well here, over the photographs.

Serendipitously, the colour theme I selected blended well with the Google Map.

Here’s the interactive map of where I live.

A map showing Calgary, Alberta, Canada

Calgary, Alberta, Canada

You’re welcome to visit, any time!

Leave a Reply

Basic HTML is allowed. Your email address will not be published.

Subscribe to this comment feed via RSS

This site uses Akismet to reduce spam. Learn how your comment data is processed.