Ошибка в работе маркера в GoogleMap

// * Google Map (Block CUSTOMERS)
 
async function initMap() {
  // Request needed libraries.
  const { Map } = await google.maps.importLibrary("maps");
  const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
  const center = { lat: 40.88082, lng: -73.90863 };
 
  const map = new Map(document.getElementById("map-delizioso"), {
    zoom: 14,
    center,
    mapId: "AIzaSyCiZVu7tK.......NaK3Xq76GPI",
  });
 
  const marker = new AdvancedMarkerElement({
      map: map,
      position: center,
      title: "Restaurant Delizioso",
  });
 
  for (const property of properties) {
  const beachFlagImg = document.createElement("img");
      beachFlagImg.src = "../img/items_svg/tag-location.svg";
  
  const beachFlagMarkerView = new AdvancedMarkerElement({
      map,
      position: property.position,
      content: beachFlagImg,
      title: property.description,
    });
}
 
  for (const property of properties) {
    const AdvancedMarkerElement = new google.maps.marker.AdvancedMarkerElement({
      map,
      content: buildContent(property),
      position: property.position,
      title: property.description,
    });
 
    AdvancedMarkerElement.addListener("click", () => {
      toggleHighlight(AdvancedMarkerElement, property);
    });
    
  }
}
 
function toggleHighlight(markerView, property) {
  if (markerView.content.classList.contains("highlight")) {
    markerView.content.classList.remove("highlight");
    markerView.zIndex = null;
  } else {
    markerView.content.classList.add("highlight");
    markerView.zIndex = 1;
  }
}
 
function buildContent(property) {
  const content = document.createElement("div");
 
  content.classList.add("property");
  content.innerHTML = `
                <div class="section-map__address address">
            <div class="address__body-col body-col">
 
              <div class="body-col__picture">${property.image}</div>
 
              <div class="body-col__col-desk-inner">
                <div class="body-col__place-data place-data">
                  <h3 class="place-data__title">${property.title}</h3>
                  <div class="place-data__desk-parameters">
                    <h4 class="place-data__bronx">${property.address}</h4>
                    <h5 class="place-data__coordinates">${property.coordinates}</h5>
                  </div>
                </div>
                <a href="reservation.html" class="body-col__social-icon">${property.social}</a>
              </div>
            </div>
          </div>`;
  return content;
}
 
const properties = [
  {
    image: '<img src="img/contact_page/location.png" alt="Delizioso Restaurant", class="body-col__sm-pic" width="166" height="151">',
    title: "Restaurant Delizioso",
    address: "Bronx, NY 10463, Amerika Serikat",
    description: "Restaurant for the whole family",
    coordinates: "40.88082, -73.90863",
    social: "s",
    position: {
      lat: 40.88082,
      lng: -73.90863,
    },
  },
 
];
 
initMap();