react-google-maps satelite code example

Example: react-google-maps satelite

import React from 'react';
import {GoogleMap} from "@react-google-maps/api";
import {useLoadScript} from "@react-google-maps/api";

const mapContainerStyle = {
    width: '100vw',
    height: '100vh',
}
const center = {
    lat: 31.968599,
    lng: -99.901810,
}

const options = {
    mapTypeControl: true, // This allows user to switch between map and satelite mode
}

export default function GoogleMaps() {
    const{isLoaded, loadError} = useLoadScript({
        googleMapsApiKey: '<Your API Key>', // Insert your API key here
    });

    if (loadError) return "Error loading Maps";
    if (!isLoaded) return "Loading Maps";

    return(
        <GoogleMap 
        mapContainerStyle={mapContainerStyle} 
        zoom={11} 
        center={center} 
        options={options}
        />
    )
}