https://github.com/roblabs/volksmap

People's Map, example ⇒
https://github.com/roblabs/volksmap

csv2geojson mapbox

Last synced: 2 months ago
JSON representation

People's Map, example ⇒

• Host: GitHub
• URL: https://github.com/roblabs/volksmap
• Owner: roblabs
• License: other
• Created: 2017-04-30T19:09:53.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-09-14T20:43:36.000Z (over 6 years ago)
• Last Synced: 2025-02-14T06:14:59.253Z (3 months ago)
• Topics: csv2geojson, mapbox
• Language: JavaScript
• Homepage: http://RobLabs.com/volksmap
• Size: 1.97 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Volksmap • People's Map

Volksmap — Add your own points of interest, in CSV format, to a Mapbox map.

The goal of Volksmap is to allow people to easily add their own CSV data to a map.  

Friction, pitfalls and consternation have been minimized, allowing more people to maintain and edit more maps.  

We built a tiny map based CMS; a **C**ontent **M**ap **S**ystem that anyone can edit and host.

This example shows editing CSV data and launching from a local HTML file.  Then hovering over points of interest shows a basic Popup with HTML.

-----

![Volksmap.gif](Volksmap.gif)

-----

Mapbox has an example on [Loading markers from CSV](https://www.mapbox.com/mapbox.js/example/v1.0.0/markers-from-csv/).  The example uses [Mapbox.js](https://www.mapbox.com/mapbox.js/) and [Leaflet](http://leafletjs.com/)'s [Omnivore](https://github.com/mapbox/leaflet-omnivore) to parse a CSV file.

And we ported that over to [Mapbox GL JS](https://www.mapbox.com/mapbox-gl-js/api).

## Features

* Edit the map and run locally, or an any server.

  * Including with any web server such as [Jekyll](http://jekyllrb.com) or [Github Pages](https://pages.github.com)

  * or without, `file:///volksmap/index.html`

* Is free of issues with [cross-domain request](https://github.com/mapbox/leaflet-omnivore#faq), as most people won't know what to do or how to solve.

* CSV data is converted to [GeoJSON](https://tools.ietf.org/html/rfc7946)

## Contribute

* Fork or download this project

* edit your parameters in `js/data.js`

  * Insert your CSV data

  * Set your Mapbox style

  * Customize your HTML for a Mapbox Popup

# Built with

* [Mapbox](http://mapbox.com)

* [csv2geojson](https://www.npmjs.com/package/csv2geojson) from [NPM](https://www.npmjs.com)

* The excellent tools from [RunKit.com](https://runkit.com/5905f3fc301f4d00129331a6/5906060aad0c6400123b0ad4)