lukasalexanderweber / OSTaps

GUI to upload a GeoJSON and style a Leaflet Choropleth Map. Export Map as Image, stand-alone HTML or as Styled Layer Description (SLD)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

OSTaps

O pen S ource T hematic M aps is a web-based, interactive Thematic Mapping tool which ebales you to make a fast Visualization of Statistical Data for showing Spatial Distributions using Choropleth Maps. Create a Web Map without having experience with Leaflet or programming at all! Export your map as Image, stand-alone HTML (to embed the Result on your Website) or as Styled Layer Description (SLD) (to visualize your results in QGIS as well). This project can be seen as a GUI to style a Leaflet Map.

OSTaps:

The main tool lies within the OSTaps folder. The framework is Django, so to be able to run the project, you need to install Django first:

(if you use windows, make sure python (e.g. C:\Python27) and its pip (e.g. C:\Python27\Scripts) are in windows system variable!)

pip install django

Within the OSTaps folder, start the server by calling

python manage.py runserver

After the server started sucessfully, open the browser and type http://localhost:8000.

Module works:

This folder contains interim results of the ongoing project. Note that the contents can be obsolete and are implemented in an improved way within the main OSTaps folder. This is not the case for folders marked as Detailed Readme available, these folders are introducing stand alone sollutions which could be adopted. The questions tried to answer in the single folders are shortly described:

DjangoServer: How to create a Django Server with a frontend to upload a GeoJSON and display the uploaded GeoJSON on a Leaflet map? Detailed Readme available!

NodeJS: How to use "require()" statement outside NodeJS to make Geostyler functionality browser compatible using "browserify" and "watchify"? Detailed Readme available!

GUI: How to build up a HTML page to enable user inputs and style a Leaflet Map dynamically?

Bootstrap layout: How to improve the styling of the basic GUI using Bootstrap framework?

SLD_export: How to download a string as SLD file using FileSaver.js?

Classybrew: How to use Classybrew to style a Leaflet Choropleth Map?

Classybrew2Geostyler: How to parse a Classybrew Color object to an appropriate Geostyler object? (to later parse it to a SLD file using Geostyler SLD Parser)

DownloadFunctionality: How to download a stand alone HTML with Leaflet content using a multiline string?

Used JS libraries:

leaflet.js - https://leafletjs.com/

jquery.js - https://jquery.com/

bootstrap.js - https://getbootstrap.com/

popper.js - https://popper.js.org/

download.js - http://danml.com/download.html

fileSaver.js - https://github.com/eligrey/FileSaver.js/

classybrew.js - https://github.com/tannerjt/classybrew

geostyler-sld-parser - https://github.com/terrestris/geostyler-sld-parser

leaflet-image.js - https://github.com/mapbox/leaflet-image

About

GUI to upload a GeoJSON and style a Leaflet Choropleth Map. Export Map as Image, stand-alone HTML or as Styled Layer Description (SLD)

License:BSD 2-Clause "Simplified" License


Languages

Language:JavaScript 85.5%Language:HTML 8.9%Language:CSS 3.0%Language:Python 2.7%Language:Batchfile 0.0%Language:Shell 0.0%