Live demo at http://khawkins11.github.io/FusionTable-Map-2-layers
Use this template if you wish to create a Search-and-Filter map that turns on/off at least 2 layers (points and polygons), and draws data from Google Fusion Tables. The default point map displays a textual legend (A, B, C), with option to switch to numeric (0-100) values. Based on template customized by Derek Eder http://derekeder.com/searchable_map_template/
Basic steps:
-
Use Google Fusion Tables to create your point and polygon map layers, and change the feature styles (set ranges, colors, etc.) and info windows.
-
Make your own copy of this template: either Fork to your own GitHub account, or Clone in Desktop, or Download a ZIP compressed version to your desktop.
-
Modify two files, following instructions in the code comments, to match your Google Fusion Table data:
- index.html
- maps_lib.js (located inside the js folder)
- Host everything on the web (such as a GitHub repository gh-pages branch)
Learn more in an open-access Data Visualization book-in-progress by Jack Dougherty at Trinity College CT http://epress.trincoll.edu/dataviz
TO DO: add polygon legend on index.html, similar to http://chicagobuildings.org/