Alright so this code was originally working but all of a sudden after tooling around with the code this error popped up:

好的，这段代码最初是可以工作的，但是在处理完代码之后，突然出现了这个错误：

Unhandled Promise Rejection: Error: Missing parameter. You must specify placeId

It would just not go away even AFTER returning the code to its original state. I'm trying to make it so that if you click on the marker a InfoWindow would pop up which originally worked but now just gives me the error every time I click on a marker.

即使在将代码恢复到其原始状态之后，它也不会消失。我正在尝试这样做，这样如果你点击标记，InfoWindow就会弹出来，这最初是有效的，但现在每次我点击标记时都会出现错误。

Search Algorithm

搜索算法

const service = new google.maps.places.PlacesService(map);
    service.textSearch(request, (results, status) => {
      if (status === google.maps.places.PlacesServiceStatus.OK) {
        results.forEach((place) => {
          if (!place.name.includes("ديوان")) {
            const marker = new google.maps.Marker({
              map,
              position: place.geometry.location,
            });
  
      const infoWindow = new google.maps.InfoWindow();
      MarkerPlaceID.set(marker, place.placeId);
      marker.addListener("click", () => {  
        handleMarkerClick(marker);
        resultRowCLick(marker);
      });
    
            google.maps.event.addListener(map, 'click', function() {
              infoWindows.forEach(function(infoWindow) {
                infoWindow.close();
              });
            });
            markers.push(marker);
            
            addNewResultRow(place.name, place.formatted_address, marker);
          } 
        });
  
        console.log("Nearby search results:", results);
      } else {
        console.error("Error performing nearby search:", status);
      }
    });

handlerMarkerClick function

HandlerMarkerClick函数

function handleMarkerClick(marker) {
      infoWindows.forEach((infoWindow) => {
        infoWindow.close();
      });
     
    
      let infoWindow = new google.maps.InfoWindow();
      
      window.addEventListener('keydown', (event) => {
        if (event.keyCode === 27) {
          infoWindow.close();
        }
      });

      const request = {
        placeId: marker.placeId,
        fields: [
          "name",
          "formatted_address",
          "photos",
          "formatted_phone_number",
          "website",
          "opening_hours",
          "rating",
          "reviews",
        ],
      };
    
      const service = new google.maps.places.PlacesService(map);
      service.getDetails(request, (place, status) => {
        if (status === google.maps.places.PlacesServiceStatus.OK) {
          let content = '<div style="max-width: 250px;">'; // Set max-width for the info window
    
          if (place.photos && place.photos.length > 0) {
            const photoUrl = place.photos[0].getUrl();
            content += '<div class="image-container">';
            content += `<img src="${photoUrl}" alt="${place.name}" style="max-width: 250px; max-height: 150px;">`;
            content += '</div>';
          }
          
          content += `<h2>${place.name}</h2>`;
          content += `<p>Address: ${place.formatted_address}</p>`;
    
         
          if (place.website) {
            content += `<p>Website: <a href="${place.website}" target="_blank">${place.website}</a></p>`;
          }
          if (place.formatted_phone_number) {
            content += `<p>Phone: ${place.formatted_phone_number}</p>`;
          }
          if (place.opening_hours) {
            content += `<div class="times">`
            content += `<br><p>Opening Hours:</p>`;
            content += `<p>${place.opening_hours.weekday_text.map(line => `&nbsp;&nbsp;&nbsp;&nbsp;${line}`).join("<br>")}</p>`;
            content += `</div>`
          }
          if (place.rating) {
            content += '<div class="rating-container">';
  
            
            content += '<p>';
            content += `rating: &nbsp;${place.rating}`;
            for (let i = 0; i < place.rating; i++) {
              content += '&nbsp<i class="fa fa-star"></i>';
            }
            
            content+= "</p>"
  
            content += '</div>';
          }
          if (place.reviews && place.reviews.length > 0) {
            content += '<p>Reviews:</p>';
            content += '<ul>';
            
            place.reviews.forEach((review) => {
              if (review.text && review.text.trim().length > 0) {
                content += `<li class="review-item">${review.text}</li>`;
              }
              else {

              }
            });
            
            content += '</ul>';
          }
    
          content += '</div>';
          infoWindow.setContent(content);
          infoWindow.open(map, marker);
    
          infoWindows.push(infoWindow);
        } else {
          console.error("Error fetching Place Details:", status);
        }
      });
    }

I can't seem to figure out why the code does not work though I have found a few things:
placeId is undefined I printed it out. It was working before but now it just became undefined.

我似乎不明白为什么代码不能工作，尽管我发现了一些东西：placeID是未定义的，我把它打印出来了。它以前是有效的，但现在它变得不确定了。

in JavaScript google maps api you do not get the placeId with

在JavaScript Google Maps API中，您不能通过

place.placeId

Place.placeId

but with

但随着

place.place_id

Place.place_id