Why_not

Why_not.tsx

import { GoogleMap } from '@capacitor/google-maps';

const MyMap: React.FC = () => {

  return (
    <div className="component-wrapper">
      <GoogleMap
        apiKey={process.env.REACT_APP_YOUR_API_KEY_HERE}
        config={{
          center: {
            lat: 33.6,
            lng: -117.9
          },
          zoom: 8
        }}
        style={{
          display: 'inline-block',
          width: 275,
          height: 400
        }}
      ></GoogleMap>
    </div>
  )
}

export default MyMap;