How to get google Object?

[siiiido]

Hello!

Now I'm setting the mapOptions.

A quick question on how to set more advanced options e.g. mapTypeControlOptions

I've tried window.google.maps.mapTypeControlOptions, but it occured the error "caught TypeError: Cannot read properties of undefined (reading 'maps')

Here's my code

import { GoogleMap, useJsApiLoader } from '@react-google-maps/api';
import { mapConstants } from './constant';

const { VITE_GOOGLE_MAPS_KEY, VITE_GOOGLE_MAPS_DYNAMIC_ID } = import.meta.env;
const libraries = ['places'];

function CustomGoogleMap({ children }) {
  const { isLoaded, loadError } = useJsApiLoader({
    googleMapsApiKey: VITE_GOOGLE_MAPS_KEY,
    libraries,
    mapIds: [VITE_GOOGLE_MAPS_DYNAMIC_ID],
  });

  if (loadError) return 'Error loading maps';
  if (!isLoaded) return <h1>loading</h1>;

  return (
    <GoogleMap
      mapContainerStyle={{ height: '90vh', width: '90vw' }}
      options={{
        mapTypeControl: true,
        mapTypeControlOptions: {
          mapTypeIds: [mapConstants.ROADMAP, mapConstants.HYBRID], // It is working because this option type is String
          position: window.google.maps.ControlPosition.RIGHT_TOP, // Not working
          // style:
        },
      }}
    >
      {children}
    </GoogleMap>
  );
}

export default CustomGoogleMap;

I want to set mapTypeControl.position and mapTypeControl.style

Thanks!