Derek Eder

Open Data Web Developer

Derek Eder

I work with open data and create open source apps and tools in Chicago. Read more »


Owner of DataMade
An open data web development and consulting company in Chicago.

Co-founder of Open City
Group of volunteers that create civic web apps with open data

Leader of Open Gov Hack Night
Weekly event for building civic technology with open data

Email or tweet at me.


Searchable Map Template with Google Fusion Tables

Put your data on a searchable, filterable map.


Features

  • clean, full-screen layout
  • mobile- and tablet-friendly using responsive design
  • address search (with variable radius)
  • geolocation ("find me")
  • RESTful URLs for sharing searches
  • results count (using Google's Fusion Tables API)
  • ability to easily add additional search filters (checkboxes, sliders, etc.)
  • all done with HTML, CSS and Javascript - no server-side code required

Technologies used

Note: This template now supports the Fusion Tables v1 API. For more info, see their migration guide.


Get it on Github Zip

Get started on your own map!

View the demo

Working example of the above demo

Read the instructions

Just seven steps!

Copyright © 2012 Derek Eder
View license


New! Searchable Map Template - Heroku Ready

For those of you feeling a bit more adventurous, I have created an advanced template using Ruby, Haml, Sinatra and Heroku. Here's what it gets you out of the box:

  • Free hosting on Heroku
  • Access to the fusion_tables gem for accessing Fusion Tables in more advanced ways
  • Ability to drive detail pages based on individual rows in Fusion Tables

Get it on Github Zip

Get started on your own map!

View the demo

Working example of the above demo

Read the instructions

Requires Ruby and Bundler

Copyright © 2012 Derek Eder
View license


Working examples

Quite a few other people have used this template for their own projects. I try to keep track of them here:

By Derek Eder (thats me!)