From 0a152e2ca315171c5b8a80c8f3c2dc57c6e14c65 Mon Sep 17 00:00:00 2001
From: geireann <geireann.lindfield@gmail.com>
Date: Mon, 28 Jun 2021 12:48:53 -0400
Subject: map overflow fix

---
 src/client/views/collections/CollectionMapView.tsx | 35 +++++++++++-----------
 1 file changed, 17 insertions(+), 18 deletions(-)

(limited to 'src/client/views/collections/CollectionMapView.tsx')

diff --git a/src/client/views/collections/CollectionMapView.tsx b/src/client/views/collections/CollectionMapView.tsx
index 2203176de..77a7c3ee0 100644
--- a/src/client/views/collections/CollectionMapView.tsx
+++ b/src/client/views/collections/CollectionMapView.tsx
@@ -23,9 +23,7 @@ export type LocationData = google.maps.LatLngLiteral & {
 };
 
 const mapContainerStyle = {
-    width: '100%',
-    heiht: '100%',
-    overflow: 'hidden',
+    height: '100%',
 };
 
 
@@ -96,23 +94,24 @@ export default class CollectionMapView extends CollectionSubView<MapSchema, Goog
                     Dash!
                 </h1>
                 <LoadScript
-                    // googleMapsApiKey='AIzaSyALJU8DfCAqEAS0OqMDCmkE0otlz4H81fg'
-                    googleMapsApiKey={process.env.REACT_APP_DASH_GOOGLE_MAPS_API_KEY!}
+                    googleMapsApiKey='AIzaSyALJU8DfCAqEAS0OqMDCmkE0otlz4H81fg'
+                    // googleMapsApiKey={process.env.REACT_APP_DASH_GOOGLE_MAPS_API_KEY!}
                     libraries={['places']}
                 >
-                    <GoogleMap
-                        mapContainerStyle={mapContainerStyle}
-                        zoom={5}
-                        center={defaultCenter}
-                    >
-                        <Marker
-                            // name={'SOMA'}
-                            position={{ lat: 37.778519, lng: -122.405640 }} />
-                        <Marker
-                            // name={'Dolores park'}
-                            position={{ lat: 47.617701, lng: -122.359485 }} />
-
-                    </GoogleMap>
+                    <div className="map-wrapper">
+                        <GoogleMap
+                            mapContainerStyle={mapContainerStyle}
+                            zoom={5}
+                            center={defaultCenter}
+                        >
+                            <Marker
+                                // name={'SOMA'}
+                                position={{ lat: 37.778519, lng: -122.405640 }} />
+                            <Marker
+                                // name={'Dolores park'}
+                                position={{ lat: 47.617701, lng: -122.359485 }} />
+                        </GoogleMap>
+                    </div>
                 </LoadScript >
             </div>
         </div >;
-- 
cgit v1.2.3-70-g09d2

