New template is now available for all 3D Wayfinder users. Template called “Iglu” is responsive HTML5 based template for 3D Wayfinder with clean and modern design. It is open-source and uses our newest AngularJS framework based template.
There is a new default template for all 3D Wayfinder projects and it’s called Iglu. Currently this template can only be used to view 3D projects. But rest assured we’re working on the 2D version as well. The 2D template will have exact same layout and styles as the 3D version. The main feature of this new template is the use of AngularJS. In addition to this there is one more major feature being added and it is responsiveness. This means that it can be viewed in both portrait and landscape mode. It will look good on all ranges and sizes of displays, be it a 55” kiosk screen or a 5” smartphone with WebGL support.
The template has three main sections which are the header, the map and the menu. The header has the building logo and button for activating the navigation menu. Below the header is the map that has map controls on it: floor buttons, zoom buttons, shortcut buttons.
When the navigation menu is activated it will cover the right side of the map on larger screens and the whole map area on smaller screens. Currently the navigation menu has three tabs – the alphabetical listing, the category listing and search.
Our new template covers all main features, needed for wayfinding:
- Map navigation controls
- A-Z list of all locations
- Location info
Here can You view a demo project based on the new template:
The Iglu template is based on our 3DWayfinderNGTemplate and it is open source (Github: https://github.com/3dtech/3DWayfinderNGTemplate).
Our old default template called “default” is still available. It can be selected from menu or used direclty in wayfinder project URL: https://static.3dwayfinder.com/projects/demo/default/.
Template was made in co-operation with our development partner Iglu. Iglu is a young and innovative custom software building company in Estonia. Iglu’s core-competences are UX and modern front-end development.