React中的Google Maps没有显示只需说“正在加载地图...”

如何解决React中的Google Maps没有显示只需说“正在加载地图...”

我正在将数据从Api传递到Google Maps React。不幸的是，地图只是说正在加载地图。下面是我的代码。

import React,{ useEffect,useState,useRef } from 'react';
import {Link} from 'react-router-dom';
import GoogleMapReact from 'google-maps-react';


function DetailPlaqueCard({match}){
const mapRef = useRef();
useEffect(() =>{
    fetchItem();
    console.log(match)
    // eslint-disable-next-line 
  },[])
const [item,setItem] = useState([]);


const fetchItem = async()=>{
    var proxyUrl = 'https://cors-anywhere.herokuapp.com/'
    // targetUrl = 'https://s3.eu-west-2.amazonaws.com/openplaques/open-plaques-london-2019-03-13.json'
    const fetchItem = await fetch(proxyUrl + `http://openplaques.org/plaques/${match.params.id}.json`)
    const item = await fetchItem.json();
    setItem(item);
    console.log(item)
}



return (
    
    <div>
        <Link to="/">
        <button>
        <i class="fas fa-arrow-left"></i>Back
        </button>
        </Link>
        <h1>Here is the detailed page</h1>
        <h2>The inscription:{item.inscription}</h2>
        <p>Address: {item.address}</p>
        <GoogleMapReact
            bootstrapURLKeys={{ key: process.env.REACT_APP_GOOGLE_KEY }}
            initialCenter={{lat: item.latitude,lng: item.latitude}}
            defaultZoom={10}
            google={window.google}
            style={{ height: '40vh',width: '40%' }}
            yesIWantToUseGoogleMapApiInternals
            onGoogleApiLoaded={({map}) => {
                mapRef.current = map;
            }}
        />
    </div>
)
}

export default DetailPlaqueCard;

一旦加载并检查了地图道具，这就是我的输出： 我想念什么吗？任何帮助将非常感激。