show static google map in add resource form

AKERKits · Mar 15, 2015 · eca110a · eca110a
1 parent 8a38ac9
commit eca110a
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 2 deletions.
diff --git a/bower.json b/bower.json
@@ -20,7 +20,8 @@
     "angularfire": "1.0.0",
     "socialite-js": "2.1",
     "elements": "dmitryf/elements",
-    "angular-sanitize": "~1.3.14"
+    "angular-sanitize": "~1.3.14",
+    "angular-google-staticmaps": "~0.3.0"
   },
   "repository": {
     "type": "git",

diff --git a/client/addResourceForm.js b/client/addResourceForm.js
@@ -11,6 +11,10 @@ require('./akermap').controller('addResourceForm',
 
     $scope.categories = require('./categories');
 
+    $scope.markers = {
+        coords: [formModal.data.latitude, formModal.data.longitude]
+    };
+
     $scope.isAtLeastOneTypeSelected = function(items) {
         return _.any(items);
     };

diff --git a/client/akermap.js b/client/akermap.js
@@ -5,5 +5,6 @@ module.exports = angular.module('akermap', [
     'uiGmapgoogle-maps',
     'firebase',
     'btford.modal',
-    'ngSanitize'
+    'ngSanitize',
+    'wu.staticGmap'
 ]);
diff --git a/client/templates/addResourceForm.html b/client/templates/addResourceForm.html
@@ -33,6 +33,7 @@
           <span class="hint" translate>ADD_RESOURCE_RESOURCE_ADDRESS_HELP_TEXT</span>
           <input id="resource_address" type="text" name="resource_address" ng-model="resource.address" required ng-trim="true">
           <span class="error" ng-show="resourceForm.resource_address.$error.required" translate>FORM_REQUIRED</span>
+          <static-gmap size="100x100" markers="markers" sensor="false" zoom="14"></static-gmap>
         </li>
 
         <li>

diff --git a/webpack.config.js b/webpack.config.js
@@ -45,6 +45,7 @@ module.exports = (function() {
 				'uiGmapgoogle-maps': 'angular-google-maps/dist/angular-google-maps.js',
 				'btford.modal': "angular-modal",
 				'ngSanitize': 'angular-sanitize',
+				'wu.staticGmap': 'angular-google-staticmaps',
 				"ng": "angular-translate" // workaround for missing ng-module - this loads angular-translate twice :(
 			}
 		},