HSLayers-NG: Modern mapping framework

FEATURES

What makes HSLayers-NG great.

Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Angular JS

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

OpenLayers

A high-performance, feature-packed library for all your mapping needs.

CORDOVA

Apache Cordova framework enable us to write mobile application with HTML, CSS and JavaScript which means we can use same core for desktop and mobile app.

About

Most important features:
Modularity Scalability Fast usability Responsive Mobility

HSlayers NG is a web mapping library written in Javascript. It extends OpenLayers 3 functionality and takes basic ideasn from the previous HSlayers library, but uses modern JS frameworks instead of ExtJS 3 at the frontend and provides better adaptability. That’s why the NG (“Next Generation”) is added to its name. It is still under development and provided as open source. HSLayers is built in a modular way which enables the modules to be freely attached and removed as far as the dependencies for each of them are satisfied. The dependency checking is done automatically.

Core of framework is developed using AngularJS, requireJS and Bootstrap. This combination of frameworks was chosen mainly for providing fast and scalable development and for providing modern responsive layout of application.

  • Map

    The map functionality is provided by OpenLayers3 and extended by some controls like navigation bar, scale line, attribution dialog, GPS and compass tracking etc. It supports multi-touch gestures.

  • Layer manager and legend

    Layer manager is used for listing all the map layers, displaying or hiding them and setting the transparency. The user can view layers metadata and attribution by clicking on it.

  • OGC Web Services parser

    This is used for GetCapabilities requests to different map servers and parsing the response. It can then be used for automatic or user initiated generation of map layers only by knowing the URL to the specific OGC standardized map service.

  • Linked Open Data explorer

    Eurostat explorer is a demo application (module) which queries Semantic Web data sources via SPARQL endpoints. It demonstrates the feasibility of automatic query building for Eurostat report data and displaying it on a map of NUTS2 regions (specified in GeoJSON file) according to the calculated transparency ratios

  • Lorem Ipsum

    Lorem Ipsum

Latest news

References

Team

Uploaded image

Karel Charvat

Project leader
Uploaded image

Raitis Berzins

Developer
Uploaded image

Stepan Kafka

Metadata and semantic expert
Uploaded image

Marek Splichal

Project coordinator
Uploaded image

Simon Leitgeb

Developer
Uploaded image

Jan Shanel

Developer

Get in touch