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.
A high-performance, feature-packed library for all your mapping needs.
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
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.
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 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
In few days 2017 INSPIRE Hackathon will be concluded in Kehl, Germany. HSLayers-NG is one of tools used in some projects which means new functionalities are currently tested and explored. Biggest advancement was made in field of 3D maps presentation (with help of Cesium ). More long term project is development of new User interface with modern Read more about HSLayers and INSPIRE Hackathon[…]
New application based on earlier Pilsen traffic split map has been made on top of HSLayers NG. Utilizing HSLayersNG core functionalities and refined custom design it displays traffic forecast for Pilsen municipality based on traffic models in way which is accessible for all users. Application was made in cooperation with Pilsen municipality and Plan4All. You Read more about Time layers and traffic[…]
Social networks are important in current world. We decided to add simple option to create share post on you favorite social network so you can easily promote your map application / map composition of your data. Currently we support sharing on Facebook, Twitter and Google+. You find share function in second half on Embed map Read more about Social networking[…]
Today we bring to you one of examples how to extend HSL-NG functionality. In cooperation with Pilsen municipality we created split map example which might be useful for visualization of difference. In this example you can see normal traffic condition on the right and traffic affected by road closure and restriction on the left. You can Read more about Example of HSL extension – Split map[…]
Support of mobile platforms is important feature of HSL-NG development. Desktop HSL have responsive design but we are also working on special mobile application using Apache Cordova framework. Current version brings big part of HSL functionality (e.g. compositions, layer manager, search). One of goals is to enable collection of data in terrain (VGI) for projects Read more about Mobile platform[…]
HsLayers-NG now supports easy creation of embed code for selected app so anybody can display interesting composition directly on his website with iframe html tag. Embed code is found on top of Embed map panel. You can see look of embed map on page below.
Responsivity is one of basic features of HSL-NG. We have run some basic tests using Google resizer. Results are great. Only thing which need to be adjust are controls from ol. Layout also looks great on actual devices
Our cooperation with OpenTransportNet project allowed us to get “access” to two great guys ( Lieven Raes (in) and Frank Maes (in) ), who created functional analysis for us. This FA was mainly created to simplify usage of HSL-NG for non-experienced users. Input Output
We have (visually) redesigned all major components of HSL-NG. This was mainly done by making everything more bootstrapish and angularish. On other hand some bootstrap default styles were need to override to make everything more flat
We have introduced new styler for vector layers. These layers can be drag and dropped from your computer, added from URL or checkout from CSW catalog. This added styles can be then saved to map compositions to create thematic maps. We are working on more advanced functionality like SLD import/export. Conditional styling and labeling