From eb6b06ce40c252f3f5711a3831bb3035fb18568e Mon Sep 17 00:00:00 2001
From: Ramon Gebben <ramon@ra-ge.net>
Date: Thu, 14 Jan 2016 10:42:30 +0100
Subject: [PATCH] everything now

---
 android/app/src/main/AndroidManifest.xml |  4 ++++
 index.android.js                         | 23 +++++++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 3ea4869..d474bcd 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -3,6 +3,10 @@
 
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+    <uses-library android:name="com.google.android.maps" />
+    <meta-data
+        android:name="com.google.android.geo.API_KEY"
+        android:value="AIzaSyBGlSH0Z44rw4fniavK7IXXIAoSRYYu5G4"/>    
 
     <application
       android:allowBackup="true"
diff --git a/index.android.js b/index.android.js
index 1481df3..49829e2 100644
--- a/index.android.js
+++ b/index.android.js
@@ -5,6 +5,7 @@
 'use strict';
 
 var React = require('react-native');
+var RNGMap = require('react-native-gmaps');
 var {
   AppRegistry,
   StyleSheet,
@@ -87,6 +88,28 @@ var getMeHighMobile = React.createClass({
           <Text>location: {JSON.stringify(this.state.lastPosition)}</Text>
           <Text>TheOne: {JSON.stringify(this.state.theOne)}</Text>
           {gmhButton}
+          <RNGMap
+            ref={'gmap'}
+            style={ { height: 500, width: 500 } }
+            markers={ [
+                  { coordinates: {lng: 0.1, lat: 51.0} },
+                  {
+                    coordinates: {lng: -0.1, lat: 51.0},
+                    title: "Click marker to see this title!",
+                    snippet: "Subtitle",
+                    id: 0,
+                    color: 120,
+                  }
+              ] }
+            zoomLevel={10}
+            onMapChange={(e) => console.log(e)}
+            onMapError={(e) => console.log('Map error --> ', e)}
+            center={ { lng: 0.1, lat: 51.0 } }
+            /*
+             * clickMarker shows Info Window of Marker with id: 0,
+             * hides Info Window if given null
+             */
+            clickMarker={0}/>
       </View>
     );
   }