diff options
| author | geireann <geireann.lindfield@gmail.com> | 2021-06-28 12:48:53 -0400 |
|---|---|---|
| committer | geireann <geireann.lindfield@gmail.com> | 2021-06-28 12:48:53 -0400 |
| commit | 0a152e2ca315171c5b8a80c8f3c2dc57c6e14c65 (patch) | |
| tree | 2459dcf9ad1769aaf5e3de74c8ff8992952b2e4d | |
| parent | 73f0e51298866db9afb83c1c9086c6e9234ff131 (diff) | |
map overflow fix
| -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 >; |