Git Product home page Git Product logo

lukasalexanderweber / ostaps Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hska-osgis-archive/ostaps

0.0 1.0 0.0 5.55 MB

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

Python 2.66% HTML 8.86% CSS 2.95% JavaScript 85.51% Batchfile 0.02% Shell 0.01%
leaflet choropleth gui graphical-user-interface django geostyler sld full-stack bootstrap sld-parser colorbrewer classybrewer classybrew2geostyler geojson

ostaps's Introduction

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

ostaps's People

Contributors

lukasalexanderweber avatar nulu137 avatar fabienne2511 avatar thephilman avatar carre69 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.