text: const options = {
      dragging: false,
      touchZoom: false,
      doubleClickZoom: false,
      scrollWheelZoom: false,
      zoomControl: false,
  }
  // get map values from map
  const lat = document.querySelector("span[data-lat]").dataset.lat;
  const lng = document.querySelector("span[data-lng]").dataset.lng;
  
  
  const map = L.map('mapid', options).setView([lat,lng], 15);
  //create and  add tilelayer
  
  L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png").addTo(map);
  
  // create icon
  
  const icon = L.icon({
    iconUrl: ".//images/map-marker.svg",
    iconSize: [58, 68],
    iconAnchor: [29, 68],
    popupAnchor: [170, 2],
  });
  
  // create popup overley
  
  
  //create and add marker
  
  
  L.marker([lat, lng], { icon }).addTo(map)
  // galeria de imagem
  
  function selecimage(event){
  const button =  event.currentTarget
  
  //remover  todas as classes .active
  const buttons = document.querySelectorAll(".images button")
  buttons.forEach( removeActiveClass)
   
  function removeActiveClass(button){
    button.classList.remove("active")
  
  }
  
  //selecionar imagem clicada
  const image = button.children[0]
  const imageContainer = document.querySelector(".orfanato-detalhes > img")
  
  // atualizar o container de imagem
  imageContainer.src = image.src
  
  
  // add a classe ..active para esse botão
  button.classList.add("active")
  
  }
          