hoge

import {APIProvider, Map, Marker} from '@vis.gl/react-google-maps';

const DEFAULT = {
  CENTER: {
    lat: 36.305327,
    lng: 139.187486
  },
  ZOOM: 16
}
const VIEW_STYLE = {
  width: '100%',
  aspectRatio: '16 / 9',
}
const API_KEY='***'

const MyMap = () => (
  <APIProvider apiKey={API_KEY}>
    <div style={VIEW_STYLE}>
      <Map
        defaultZoom={DEFAULT.ZOOM}
        defaultCenter={DEFAULT.CENTER}
        gestureHandling={'greedy'}
        disableDefaultUI={true}
      >
        <Marker position={DEFAULT.CENTER} />
      </Map>
    </div>    
  </APIProvider>
);