3dwayfinder-angular 中文文档教程
3DWayfinderAngular
用于 3D Wayfinder 的 Angular 服务(现在也支持 2D 地图)
Getting started
Install
```bash bower 安装 --save 3dwayfinder-angular
Please include the following JavaScript files into Your HTML file and inject wfangular into Your Angular app:
javascript
## 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
常量 wfangularConfig 采用以下参数来更改行为:
- assetsLocation: 'http://static.3dwayfinder.com/shared/',
- apiLocation: 'http://api.3dwayfinder.com'
- mapType: '3d'//2d
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
## 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