当包裹在多个地图功能中时，React google maps api 标记不显示

如何解决当包裹在多个地图功能中时，React google maps api 标记不显示

我在以这种方式呈现标记时遇到问题。我正在使用单个地图函数根据 checkedTrucks 数组中的位置呈现其他标记。

显示 waypoint.locaion 的 console.log 在更新了 checkedTrucks 状态时显示了正确的数据，我尝试使用设置的 lat 和 lng 值渲染标记，但没有成功。

         {checkedTrucks.length > 0 &&
            checkedTrucks.map((truck) => {
              if (truck.checked) {
                truck.orders.items
                  .filter((order) => order.status === 'INPROGRESS')
                  .map((order) =>
                    order.waypoints.map((waypoint) => {
                      console.log(waypoint.location);
                      return (
                        <Marker
                          key={waypoint.id}
                          position={{
                            lat: waypoint.location.latitude,lng: waypoint.location.longitude,}}
                          icon={{
                            url: '/delivery-truck.png',scaledSize: new window.google.maps.Size(40,40),origin: new window.google.maps.Point(0,0),anchor: new window.google.maps.Point(20,20),}}
                        />
                      );
                    })
                  );
              }
            })}

日志结果：https://i.stack.imgur.com/yIsgn.png