Spice up the maps with some InfoWindows

src/routes/accomodation/Accomodation.js

@@ -3,43 +3,57 @@ import withStyles from 'isomorphic-style-loader/lib/withStyles';
 import s from './Accomodation.css';
 import Map from '../../components/Map';
 
-const offley = [
-  {
-    title: 'Offley Place',
-    url: 'http://www.offleyplace.com/',
+const offley = {
+  title: 'Offley Place',
+  url: 'http://www.offleyplace.com/',
+  position: {
     lat: 51.9282,
     lng: -0.3332,
   },
-];
+  showInfo: true,
+};
 
 const hotels = [
   {
     title: 'Hilton Garden Inn',
     url: 'http://hiltongardeninn3.hilton.com/en/hotels/united-kingdom/hilton-garden-inn-luton-north-LTNNOGI/index.html',
-    lat: 51.9116,
-    lng: -0.3883,
+    position: {
+      lat: 51.9116,
+      lng: -0.3883,
+    },
   },
   {
     title: 'Premier Inn',
     url: 'http://www.premierinn.com/gb/en/hotels/england/hertfordshire/hitchin/hitchin-town-centre.html',
-    lat: 51.9493,
-    lng: -0.2762,
+    position: {
+      lat: 51.9493,
+      lng: -0.2762,
+    },
   },
   {
     title: 'Lodge Farm House',
     url: 'http://lodgefarmbandb.co.uk',
-    lat: 51.9054,
-    lng: -0.3354,
+    position: {
+      lat: 51.9054,
+      lng: -0.3354,
+    },
   },
   {
     title: 'Red Lion Inn',
     url: 'http://www.theredliongreatoffley.co.uk',
-    lat: 51.9266,
-    lng: -0.3348,
+    position: {
+      lat: 51.9266,
+      lng: -0.3348,
+    },
   },
 ];
 
 class Accomodation extends React.Component {
+  constructor(props) {
+    super(props);
+    this.markers = [offley].concat(hotels);
+  }
+
   render() {
     return (
       <div className={s.root}>
@@ -57,9 +71,8 @@ class Accomodation extends React.Component {
             </ul>
             <Map
               defaultZoom={12}
-              lat={offley[0].lat}
-              lng={offley[0].lng}
-              markers={hotels}
+              defaultCenter={offley.position}
+              markers={this.markers}
             />
           </div>
         </div>