Add Ceremony page with google map

Add nav bar to public pages
2017-03-01 23:28:26 +00:00
parent 92899edbe5
commit 6a7b57dbe4
17 changed files with 273 additions and 5 deletions
--- a/src/components/CeremonyMap/CeremonyMap.js
+++ b/src/components/CeremonyMap/CeremonyMap.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import { withGoogleMap, GoogleMap, Marker } from 'react-google-maps';
+
+class CeremonyMap extends React.Component {
+  render() {
+    const CeremonyGoogleMap = withGoogleMap(() => (
+      <GoogleMap
+        defaultZoom={14}
+        defaultCenter={{ lat: 51.7109, lng: -0.4479 }}
+      >
+        <Marker
+          title="All Saints' Church"
+          position={{ lat: 51.7109, lng: -0.4479 }}
+          key="0"
+        />
+      </GoogleMap>
+    ));
+    return (
+      <CeremonyGoogleMap
+        containerElement={
+          <div style={{ height: '360px', width: '360px' }} />
+        }
+        mapElement={
+          <div style={{ height: '360px', width: '360px' }} />
+        }
+      />
+    );
+  }
+}
+
+export default CeremonyMap;