Searchable point and polygon layer map template, with sortable list results, using Google Maps and Fusion Tables
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
fonts
images
js
.gitignore
LICENSE
README.md
index.html
index_both.html

README.md

fusion-point-polygon-list

Searchable point and polygon layer map template, with sortable list results, using Google Maps and Fusion Tables

Based on Derek Eder's Searchable Map Template v1.3 http://derekeder.com/searchable_map_template/

Use this template if you wish to create a Search-and-Filter map that turns on/off at least 2 layers (points and polygons), displays results in a sortable list, 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. Also, thematic polygon layers may be turned on/off in the background.

##Demos Toggle version: display map view OR sortable list view

Both version: display both map view and sortable list

##Create your own version

See tutorial in Fusion Tables template section of Data Visualization for All book at http://DataVizForAll.org

General steps:

  1. Use Google Fusion Tables to create your point layer (all types in one table), and set the feature styles (set ranges, colors, etc.) and info windows.

  2. Use Google Fusion Tables to create your polygon layers (each layer in its own table), and set feature styles (thematic shading, etc.) and info windows

  3. 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.

  4. Modify two files, following instructions in the code comments, to match your Google Fusion Tables:

  • index.html (to toggle between map and sortable list) or index_both.html (to display both at same time)
  • maps_lib.js (located inside the js folder)

TO DO document steps in the display table results section of the code

  1. Host everything on the web (such as a GitHub repository gh-pages branch)

##To Do Update template to Derek Eder's v1.4