Moved the apiKey defining from the template to the controller

Edited the readme to fit the changes too

Author: Mika Koskiola

README.md

@@ -15,11 +15,11 @@ It is a clean project without external dependencies!
 
 ## Configuring the project
 
-1. go to the \www\app\templates\ folder and open up the results.html with your favorite editor
+1. go to the \www\app\controllers\ folder and open up the results.js with your favorite editor
 2. Edit the following line to include your Google API key:
 
-```
-<div id="map" data-tap-disabled="true" google-map style="height:100%; width: 100%;" api-key="YOUR_API_KEY" events="events"></div>
+```javascript
+$scope.apiKey = 'YOUR_API_KEY_HERE';
 ```
 
 ## Trying out the app

www/app/controllers/results.js

@@ -14,6 +14,7 @@ define([
     'eventService',
     function ($scope, $stateParams, $state, $timeout, $ionicHistory, eventService) {
       var first = true;
+	  $scope.apiKey = 'YOUR_API_KEY_HERE';
       $scope.limit = 10;
       $scope.show = {
         list: true

www/app/templates/results.html

@@ -4,7 +4,7 @@
     <button class="button button-clear icon" ng-disabled="loading" ng-class="{'ion-earth': show.list, 'ion-ios-list': !show.list}" ng-click="show.list = !show.list">
     </button>
   </ion-nav-buttons>
-  <div id="map" data-tap-disabled="true" google-map style="height:100%; width: 100%;" api-key="AIzaSyB16sGmIekuGIvYOfNoW9T44377IU2d2Es" events="events"></div>
+  <div id="map" data-tap-disabled="true" google-map style="height:100%; width: 100%;" api-key="{{apiKey}}" events="events"></div>
   <ion-content ng-show="show.list" class="background-stable">
     <ion-refresher on-refresh="reload()">
     </ion-refresher>