Google 地图 React 组件因 TrafficLayer 崩溃：“未捕获错误：b/369845599”

Question

我正在使用 @react-google-maps/api 库在我的 React 应用程序中渲染 Google 地图。地图显示快递员的标记并显示所选快递员的方向。我还想包含一个用于实时交通更新的 TrafficLayer。但是，当我添加 TrafficLayer 组件时，我的应用程序崩溃并出现以下错误：

main.js:152 Uncaught Error: b/369845599
Script error.
    at handleError (http://localhost:5173/static/js/bundle.js:61314:58)
    at http://localhost:5173/static/js/bundle.js:61333:7

如果我注释掉 TrafficLayer 组件，一切正常。这是我的代码：

<GoogleMap mapContainerStyle={mapContainerStyle} zoom={12} center={defaultCenter}>
  {couriers.map((courier) => (
    <Marker
      key={courier.courier_id}
      position={{
        lat: parseFloat(courier.latitude),
        lng: parseFloat(courier.longitude),
      }}
      label={`${courier.courier_id}`}
      onClick={() => handleCourierClick(courier)}
    />
  ))}
  {selectedCourier && directions[selectedCourier.courier_id] && (
    <DirectionsRenderer
      options={{
        directions: directions[selectedCourier.courier_id],
      }}
    />
  )}
  {showTrafficLayer && <TrafficLayer />}
</GoogleMap>

我尝试过的：

1. 如果我注释掉 组件，一切正常。
2. 检查了我的 Google 地图 API 密钥是否正确设置（启用了所有必需的服务，例如 Directions API、Maps JavaScript API、Traffic）。
3. 确认仅当包含 TrafficLayer 时才会持续出现该错误。 问题： 是什么导致 TrafficLayer 因此错误而导致应用程序崩溃？ TrafficLayer 工作是否需要特定的先决条件或配置？任何建议或修复将不胜感激。

Answer 1

对我有用的是将 Google Maps API 的版本固定到之前的工作版本，在本例中为 v3.58.11a。所以我不确定你如何实例化它，但是如果你使用

<script>

标签，例如：

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE&v=3.58.11a"></script>