Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/3dtech/3dwayfinderangular

3D Wayfinder Angular Service and Directives
https://github.com/3dtech/3dwayfinderangular

Last synced: 8 days ago
JSON representation

3D Wayfinder Angular Service and Directives

Awesome Lists containing this project

README

        

# 3DWayfinderAngular
Angular Service for 3D Wayfinder (now supports 2D maps also)

## Getting started

### Install
```bash
bower install --save 3dwayfinder-angular
```

Please include the following JavaScript files into Your HTML file and inject wfangular into Your Angular app:

```javascript

var app = angular.module('basictest', ['wfangular']);
app.config(['wfangularConfig', function(wayfinderConfig){
wayfinderConfig.mapType = '2d';
}])
app.run(['wfangular', function(wayfinder) {
wayfinder.open();
}]);

```
## Broadcasted events
* wf.data.loaded - broadcasted when all data is loaded
* wf.poi.click - broadcasted when user clicks on map. Arguments: POI
* wf.language.change - broadcasted when language is changed. Arguments: language code {string} (eg en, de etc)
* wf.floor.change - broadcasted when floor is changed. Arguments: Floor
* wf.zoom.change - broadcasted when zoom is changed. Arguments: zoom {float}
* wf.path.floor.change - broadcasted when path animation changes floor: Arguments: Object {current: Floor, next: Floor, destination: Floor}

## Directives
* wf-banner - displays a banner, ex. id="advertisements" template="default"
* wf-floor-buttons - displays floor buttons, on-click function to react, can give additional parameters for the button group via group-class and for the buttons via button-class, see example below
```javascript

```

##Options
Constant wfangularConfig takes the following arguments for changing the behavior:
* assetsLocation: 'http://static.3dwayfinder.com/shared/',
* apiLocation: 'http://api.3dwayfinder.com'
* mapType: '3d'//2d