Technology »

Underwritten by John S. and James L. Knight Foundation

Idea Lab is a group blog by innovators who are reinventing community news for the Digital Age.

Read more about Idea Lab »

  • Check out Idea Lab Sponsorship opportunities!

  • Follow us on Twitter »
  • Each Idea Lab blogger is a winner of the Knight News Challenge grant to reshape community news.

    Learn more about the Knight News Challenge »

    How to Design Fast, Interactive Maps Without Flash

    Knight 2010 News Challenge Winner

    Until recently if you wanted to create a fast interactive map to use on your website you had two main options - design it in Flash, or use Google. With the prevalence of mobile devices, for many users Flash isn't an option, leaving Google and a few competitors (like Bing). But we are developing open source technologies in this space that provide viable alternatives for serving fast interactive maps online - ones that often give users more control over map design and the data displayed on it.

    TileMill, our open source map design studio, now provides interactivity in the latest head version on github. Once you design a map with TileMill, you can enable certain data in the shapefile to be interactive.

    Map interactivity in the latest version of TileMill

    When you export a map into MBTiles, a file format that makes it easy to manage and share map tiles and which you can easily export any map made in TileMill to, all the interaction is stored within the MBTiles file. This allows us to host interactive maps that are completely custom designed - including the look and feel and the data points - that are as fast as Google Maps.

    An example of an interactive map using TileMill is the map in NPR's I Heart NPR Facebook App, an app that asks users to choose and map their favorite member station.

    NPR Using TileMill

    Yesterday, Tom MacWright gave a talk about designing fast maps and other emerging open source interactive mapping technologies, and specifically comparing them to Google, at the Where 2.0 Conference, a leading annual geo conference. If you're interested in learning more about this and weren't at the conference, check out his slides, which are posted on our blog.

    Further Reading

    Rate this entry

    • Currently 0/5
    • 1
    • 2
    • 3
    • 4
    • 5

    Rating: 0/5 (0 votes cast)

    Check out MediaShift Sponsorship opportunities!

    Featured Comment

    I think newspapers, blogs, and magazines should all be doing audio versions. I grew up enjoying and listening to audiobooks and now I don't have the same option for the short form content that I prefer to consume.

    Will Mayo
    Do Touch That Dial: Turn Your Newspaper Into a Radio Station

    Newsletters

    MediaShift delivers the best news on media and technology directly to your in-box.

    Monthly Archives