derekeder/leaflet-maps-with-google-sheets

Create Leaflet maps with a linked Google Sheets template

Leaflet Maps with Google Sheets

Create Leaflet maps with a linked Google Sheets template.

• friendly and easy-to-learn searchable map tool with flexibility for advanced users
• clickable point data layers with custom marker icons and pop-up images
• color-coded polygon data layers with numeric or text legends
• upload and geocode addresses, and set map options, in the Google Sheet template
• host your live web map and polygon data with GitHub Pages
• responsive web design for both small and large devices
• built entirely with open-source code, and no usage limits

Demo

• Leaflet Map https://jackdougherty.github.io/leaflet-maps-with-google-sheets/index.html
• Google Sheet template https://docs.google.com/spreadsheets/d/1ZxvU8eGyuN9M8GxTU9acKVJv70iC3px_m3EVFsOHN9g/edit#gid=0

Create your own

• Fork/copy this code repo and publish with GitHub Pages
• File > Make a Copy and Publish your Google Sheets template
• Paste your Google Sheets ID into the GoogleDocID.js file
• Customize your map settings the Google Sheets Options tab
• Geocode address data and customize markers in the Points tab
• Upload/link polygon data and set legend colors in Options tab

See step-by-step tutorial at https://datavizforall.org/leaflet/with-google-sheets/

BETA version

• Report bugs and suggest features in Issues

Credits (and licenses)

Created by Ilya Ilyankou and Jack Dougherty, using a Google Sheets template, with these open-source components:

• Code for Atlanta mapsfor.us (2016) https://github.com/codeforatlanta/mapsforus (BSD-3-Clause)
• Leaflet v1.0.1 https://github.com/Leaflet/Leaflet (BSD-2-Clause)
• jQuery v3.1.0 https://jquery.org (MIT)
• leaflet-providers (v1.1.15) https://github.com/leaflet-extras/leaflet-providers (BSD-2-Clause)
• Mapzen leaflet-geocoder (customized version) https://github.com/ilyankou/leaflet-geocoder (based on v1.7.1, with API key) https://github.com/mapzen/leaflet-geocoder (MIT)
• leaflet-locatecontrol (v0.55.0) https://github.com/domoritz/leaflet-locatecontrol (MIT)
• Leaflet.markercluster (v1.0.0) https://github.com/Leaflet/Leaflet.markercluster (MIT)
• Font Awesome (current version via CDN) https://cdn.fontawesome.com (MIT, SIL OFL 1.1)
• Leaflet.awesome-markers (v2.0.2) https://github.com/lvoogdt/Leaflet.awesome-markers (MIT)
• Single Element CSS Spinner (31 May 2016) https://github.com/lukehaas/css-loaders (MIT)
• Tabletop.js, gives spreadsheets legs, by returning Google Sheets data in JSON format (v1.4.3) https://github.com/jsoma/tabletop (MIT)
• Google Colour Palette Generator (2015) https://github.com/google/palette.js (MIT)
• Google Sheets Geocoding Macro (2016) https://github.com/nuket/google-sheets-geocoding-macro (no license)