Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
img
 
 
js
 
 
 
 
 
 
 
 

README.md

Simple Leaflet map template for putting points on a map.

Leaflet

Features

  • Data is in tabular delimited-text (csv, etc.) with two required columns: lat and lng
  • Points are plotted on full-screen Leaflet map
  • Point markers are clustered dynamically based on zoom level.
  • Clicking on a point cluster will zoom into the extent of the underlying features.
  • Hovering on the point will display the name.
  • Clicking will display a popup with columns/properties displayed as an html table.
  • Full text filtering with typeahead
  • Completely client-side javascript with all dependencies included or linked via CDN

Usage

Download, copy the template and load index.html in a browser to confirm that everything works

git clone https://github.com/perrygeo/leaflet-simple-csv.git
cd leaflet-simple-csv
cp config.js.template config.js
open index.html

Then modify config.js and data/data.csv according to your needs.

Some browsers do not allow XMLHttpRequests with the file:// protocol so you'll need to serve it with a web server. For local development, you can use python

$ python -m SimpleHTTPServer
Serving HTTP on 0.0.0.0 port 8000 ...

Then navigate to http://localhost:8000 instead.

Thanks to...

About

Put points on a map. CSV-driven, clustered, mobile-ready, filterable.

Resources

Releases

No releases published

Packages

No packages published