Searchable map template

Derek Eder

Open Data Web Developer

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

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

Organizer for OpenGov Chicago
Meetup group centered around open government in Chicago(-land)

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!

View the demo

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

Searchable map template - Heroku ready demo

View the demo

Working examples

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

Wind Farms in the UK - The Telegraph
Fatal pedestrian crossings in the Bay Area - Center for Investigative Reporting
KTM Bikes Dealer Search - KTM Bikes
SF Caffeine Finder - Liz Fosslien
Tax Prep Chicago - Ankur Thakkar, City of Chicago
Free Bay Area Tax Preparation Locations - Bay Area Urban Strategies Council
CPS School Utilization - Abraham Epton, Chicago Tribune
Chicago Public Schools Utilization - Josh Kalov
Chicago and Cook County Early Voting Locations - Josh Kalov
Children First Site Locator - Ted Canji, Chicago Public Schools
Chicago Child Care Options in Case of a Strike - Josh Kalov
CPS School Locator - Ted Canji and Jay Van Patten, Chicago Public Schools
Mapping the Sioux Falls School District - Cody Winchester
Urban buildings cadastre in 1867 of the municipality Arganda del Rey, Madrid, Spain. - Julio Cerda Diaz
Parcel maps for the years 1878, 1904 and 1945 of the municipality Arganda del Rey, Madrid, Spain - Julio Cerda Diaz
Tearing down the North Shore: Glencoe, Winnetka, Wilmette, Kenilworth, and Lake Forest - Diana Novak and Matt Kiefer, TribLocal
Is Anyone Running for My Local School Council? - Chicago Public Schools
Early Voting Locations: Chicago and Cook County - Josh Kalov
Canada's Most Dangerous Cities - Philippe Gohier, Macleans
Food Stamps in Texas - Nolan Hicks, San Antonio Express-News
San Francisco 1853 vs 2011 - Pastmapper
Find et pengeinstitut (Find a bank) - Tommy Kaas
The Geography of Hunger - Juan-Pablo Velez, Chicago News Cooperative

By Derek Eder (thats me!)