Using my IFrame Through my Loop for Google Maps Gallery?

Hey all- how to i get my Google Maps embed iFrame into my gallery of locations?


//VARIABLES//

const previousBtn = document.querySelector('.previous');
const nextBtn = document.querySelector('.next');

const iFrame =document.querySelector('iframe');

var sourceOne = "https://www.google.com/maps/d/u/0/embed?mid=1k_B3ud2BxScQDCiAKjGiXZ2FnA62-nht" ;

var sourceTwo ="https://www.google.com/maps/d/u/0/embed?mid=1Ck7TcAznf2VT45VYM2jITEg38y3wWluq" ;

var sourceThree = "https://www.google.com/maps/d/u/0/embed?mid=1IGK7dZHMvwUWZ1RW-7ppMEkpa5O9UTcg" ;

var sourceFour = "https://www.google.com/maps/d/u/0/embed?mid=19SnOd05uwIMMjFBzqvs_MDwBMCNZJZ9i";

var myPlaces = [sourceOne, sourceTwo, sourceThree, sourceFour];

let currentlySelected= 0;

//EVENT LISTENERS//

previousBtn.addEventListener('click', function() {
 myPlaces[currentlySelected].classlist.remove("active");
 currentlySelected--; currentlySelected - 1
 myPlaces[currentlySelected].classlist.add('active');
 nextBtn.disabled = false;

 if (currentlySelected===0) {
     previousBtn.disabled = true;
 }
});

nextBtn.addEventListener('click', function(){
   myPlaces[currentlySelected].classlist.remove('active');
   currentlySelected++
   myPlaces[currentlySelected].classlist.add('active');
   previousBtn.disabled=false;

   if (myPlaces.length=== currentlySelected + 1) {
      nextBtn.disabled=true;
   }

Hey hocuspocus30
I may be able to help, can you share also the HTML and a screenshot of what the page looks like?