Added new Map options and header component

jsconfig.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src"
+  },
+  "include": ["src"]
+}

src/components/Map/index.jsx

@@ -1,22 +1,44 @@
 import React from "react";
 import { MapContainer } from "./styled";
-import { GoogleMap, withScriptjs, withGoogleMap } from "react-google-maps";
+import { 
+  GoogleMap,
+  withScriptjs,
+  withGoogleMap, 
+  Marker, 
+  BicyclingLayer 
+} from "react-google-maps";
+
+const MapCenter = { 
+  lat: -23.604710,
+  lng: -46.634330,
+}
+
+const defaultMapOptions = { 
+  fullscreenControl: false,
+  mapTypeControl: false,
+  zoomControl: false,
+  streetViewControl: false,
+}
 
 const GMap = () => (
   <GoogleMap 
     defaultZoom={16}
-    defaultCenter={{ lat: -23.604710, lng: -46.634330}}
-  />
+    defaultCenter={MapCenter}
+    defaultOptions={defaultMapOptions}
+  >
+    <Marker position={MapCenter} />
+    <BicyclingLayer autoUpdate />
+  </GoogleMap>
 )
 const WrappedMap = withScriptjs(withGoogleMap(GMap));
 
 const Map = () => (
   <MapContainer>
     <WrappedMap
       googleMapURL={`https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,drawing,places&key=${process.env.REACT_APP_GOOGLE_KEY}`}
-      loadingElement={<div style={{height:`100%`}}/>}
-      containerElement={<div style={{height:`100%`}}/>}
-      mapElement={<div style={{height:`100%`}}/>}
+      loadingElement={<div style={{height:`100vh`}}/>}
+      containerElement={<div style={{height:`100vh`}}/>}
+      mapElement={<div style={{height:`100vh`}}/>}
     />
   </MapContainer>
 )

src/components/Map/styled.jsx

@@ -2,5 +2,5 @@ import styled from "styled-components";
 
 export const MapContainer = styled.div`
     width: 100vw;
-    height: 100vw;
+    height: 100vh;
 `;