Probleme de script

 <script type="text/javascript">
        
        var map = document.getElementsByClassName("map-img")
        var button = document.getElementsByClassName("button-map")
        
    
        function Afficher(button,map){
            
           button.addEventListener('click', function() {
            if(map.style.display == 'none')
            {
            map.style.display='block';
            }
            else
            {
            map.style.display = 'none';
            }
           
           }, false);
        }
        
        function Cacher(button,map){
            
           button.addEventListener('click', function() {
            if(map.style.display == 'block')
            {
            map.style.display='none';
            }
            else
            {
            map.style.display = 'block';
            }
           
           }, false);
        }
        
    </script>