Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
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.
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 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
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[…]
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[…]
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[…]
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