使用react -TypeError添加谷歌地图时出错:无法读取未定义的属性' Maps‘

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

import React, { Component } from 'react';

class MapComponent extends Component {
  componentDidMount() {
    // 初始化地图
    const map = new window.google.maps.Map(document.getElementById('map'), {
      center: { lat: 37.7749, lng: -122.4194 },
      zoom: 8
    });

    // 其他地图相关操作...
  }

  render() {
    return <div id="map" style={{ width: '100%', height: '400px' }}></div>;
  }
}

export default MapComponent;

import React, { Component } from 'react';

class MapComponent extends Component {
  componentDidMount() {
    // 初始化地图
    const map = new window.google.maps.Map(document.getElementById('map'), {
      center: { lat: 37.7749, lng: -122.4194 },
      zoom: 8
    });

    // 添加标记
    const marker = new window.google.maps.Marker({
      position: { lat: 37.7749, lng: -122.4194 },
      map: map,
      title: 'Hello World!'
    });
  }

  render() {
    return <div id="map" style={{ width: '100%', height: '400px' }}></div>;
  }
}

export default MapComponent;