Merge pull request #7 from MikaKoskiola/master

readme improvements

thanks, dude

:+1:

Author: KillerCodeMonkey

README.md

@@ -13,12 +13,23 @@ Or use the files from ionic market:
 
 It is a clean project without external dependencies!
 
-After that!!!:
+## Configuring the project
 
-- go in www folder then app and directives
-- there open the googleMaps.js and change the Google Maps apiKey with yours
+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:
 
-Finding something in the democontent:
+```javascript
+$scope.apiKey = 'YOUR_API_KEY_HERE';
+```
+
+## Trying out the app
+
+1. Issue ionic serve in your shell to try out the app in your regular local browser
+2. Issue ionic run android / ios in your shell to try out the app in a real device
+
+## Example data
+
+Finding something in the demo content:
 Type in 'Berlin', 'Ber', 'Sports' or 'Düsseldorf'
 
 ## Content

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>