https://github.com/marks/advanced-leaflet-filtering
Allows the user to create a Leaflet map with multiple filters, each of which interacts with one another allowing for a more precise breakdown of the data represented.
https://github.com/marks/advanced-leaflet-filtering
Last synced: 12 months ago
JSON representation
Allows the user to create a Leaflet map with multiple filters, each of which interacts with one another allowing for a more precise breakdown of the data represented.
- Host: GitHub
- URL: https://github.com/marks/advanced-leaflet-filtering
- Owner: marks
- Created: 2016-07-18T18:27:55.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-01-25T15:54:54.000Z (over 10 years ago)
- Last Synced: 2025-06-15T18:04:16.604Z (about 1 year ago)
- Language: JavaScript
- Size: 310 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Advanced-Leaflet-Filtering
Allows the user to create a Leaflet map with multiple filters, each of which interacts with one another allowing for a more precise breakdown of the data represented.
__Setup:__
__1. Build your CSV file. Your csv file can contain two types of values:__
*The CSV must contain latitude and longitude values for each address. These columns should be named 'lat' and 'lng'.
*True and false values. Let true be represented by 'Yes' and false be represented by 'No'.
*Value types. These are represented by a string. Say we had a column filled with coutries, some of the values may be "United States", "China", "Australia", etc.
__2. Setting up the index.html file:__
*Scroll down until you see the large comment block that says "USER INPUT". Follow the instructions given.
__3. The map should now be ready to use.__
*When testing locally on Chrome you need to first start a localhost inorder for the JQuery to work properly. I suggest using a python SimpleHTTPServer for this.
*Locate the directory of the map and enter "python -m SimpleHTTPServer" to start the server.
*All other browsers should work fine without the server.
__*Resources:__
*[Leaflet](http://leafletjs.com/)
*[GeoCSV](https://github.com/joker-x/Leaflet.geoCSV)
*[L.Control.Sidebar](https://github.com/turbo87/leaflet-sidebar/)
*[Active Layers](https://github.com/vogdb/Leaflet.ActiveLayers)
__*Examples:__
*[Apartments](http://www.codedes.com/abcdef)
*[Coffee Shops](http://www.despecialreport.com/coffee)
Also, I am working on interactive GUI right now that should help ease the process even more.