Как сделать появление блока при нажатии на ссылку на CSS?

#map_sh:hover + .map {
    display: block;
}

https://jsfiddle.net/0g6z4sLc/

простым css это не возможно сделать, так как не позволяет в даном случае структура html-коду
используйте библиотеку jQuery и функцию click(если вы хотите, что бы при клике на ссылку #map_sh появлялся блок .map)

$('#map_sh').click(function() {
$('.map').toggleClass('active');
})

или используйте такую конструкцию (если вы хотите, что бы при наведении на ссылку #map_sh появлялся блок .map)

$( "#map_sh" ).hover(
function() {
$( '.map').addClass('active');
}, function() {
$( '.map').removeClass('active');
}
);