diff options
| -rw-r--r-- | src/client/views/collections/CollectionMapView.tsx | 35 |
1 files changed, 17 insertions, 18 deletions
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 >; |