HSLayers-NG: Modern mapping framework

What makes HSLayers-NG great.
Go to Angular JS

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.

Go to OpenLayers


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



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.

Go to Bootstrap


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

Most important features:
Modularity Scalability Fast usability Responsive Mobility

HSlayers NG is a web mapping library written in Javascript. It extends OpenLayers 5 functionality and takes basic ideas 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.

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

  • The map functionality is provided by OpenLayers5 or CesiumJs and extended by some controls like search bar, GPS and compass tracking etc. It supports multi-touch gestures.

  • 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.

  • 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.

  • 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


Karel Charvat

Project leader

Raitis Berzins


Stepan Kafka

Metadata and semantic expert

Marek Splichal

Project coordinator

Simon Leitgeb


Jan Shanel



Latest news