Mobile navigation and orientation web app for refugees.
Apache Cordova: https://cordova.apache.org/ AngularJS: https://angularjs.org/ Google Maps: https://developers.google.com/maps/
Install on yout laptop 1.) node.js: https://nodejs.org/en/
2.) local server, e.g. Xampp: https://www.apachefriends.org/de/index.html
3.) Apache Cordova (https://cordova.apache.org/#getstarted)
Then: 4.) Create a project following Apache Cordova guide
5.) Download www folder from this repository
6.) Grap a google maps api key
7.) Search for API-KEY in the main index.html and replace it with the key
8.) Replace the default www folder with content in WelcomeMS.
9.) Build and run app following Apache Cordova guide
- open refugeeService.js
- add json-object including name and coordinates
- open photoService.js
- add json-object inlcuding id (which is also the name of the photograph), type (usually Feature), geometry (geojson), viewdirection in degrees - 0° = north
- upload photo to www/img/photoseries
- name it with the id you assigned to the corresponding photograph
- open mainRoutesService.js
- add a json-object including id, the name of the destination, icon representing the target, series. Series is an array containing the names (in this case ids) of the photographs needed to reach the target
It seems that the map in the map section and the map below the photo don't get well together. Panning the main map somehow destroys the map below the photo. A dirty work-around in app.js (line 63-65) reacts to it but doesn't solve the issue.
"Listen" to the checkbox: If I choose a refugee camp and with off one of the checkboxes and then switch to another refugee camp, the icons of the corresponding deactivated category is still visible.