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;
}