Searchable Map Template

Derek Eder

Civic Tech Builder

I work with open data and create tools in Chicago to improve the public good. Read more »

Founder and Partner at DataMade
A civic technology and consulting company in Chicago

Lead Organizer of Chi Hack Night
Chicago's weekly event to build, share & learn about civic tech

Co-founder of Open City
Group that create apps with open data to improve transparency and understanding of our government

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

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

Community

There's a Google Group for anyone who wants to or has used this Searchable Map Template. Join the growing community of map makers to learn, share and benefit from each other!

Join the Fusion Table Map Template Google Group »

Working examples

Chicago Public Schools

Connect Chicago

2nd City Zoning

Vacant Building Finder

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

Free Tax Preparation Sites in New York - New York City - Dept of Consumer Affairs
Hollywood's Vaccine Wars: L.A.’s "Entitled" Westsiders Behind City’s Epidemic - The Hollywood Reporter
Map: Aquatic invasive species spread across Minn. - Minnesota Public Radio
THE MALÖRT MAP - Jepson's Malort
2013 San Diego Mayoral Primary Election Results - inewssource.org
Chicago Homicides: 2012 - The Red Line Project
NCGA Course Directory - Northern California Golf Association
The data behind Map: street by street, find over 600 films shot in Paris - Le nouvel Observateur
The slow disappearing act of the Chicago SRO - WBEZ
The data behind Chicago's gun crimes - WBEZ
NYC Park Life - Matt Petric
Community Health Centers - Illinois Health Matters
School Finder - Cleveland Metropolitan School District
Pedestrian and bicycle deaths in Austin, 2008-2013 - Austin-American Statesman
Atlas of Public Stocks - Miguel Barbosa
Pioneer Press Family Outings - Twin Cities
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!)