view-on-map

view-on-map.js

let buttons = document.querySelectorAll('.view-map');

for (let i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener('click', function() {
    const card = this.closest('.place-card');
    const lat = card.dataset.lat;
    const lng = card.dataset.lng;
    const name = card.dataset.name;
    
    if (lat && lng) {
      showMap(lat, lng, name);
    } else {
      alert('Map coordinates not available for this location');
    }
  });
}