Resizing an image on click

Hi All

I have been searching for an answer but I can't find - probably because I am asking the wrong question!

Specifically I have a large map of the South West of England with some details on it. At it's largest the map doesn't make sense and is too big. But if I hover over map it brings up detail and is then clickable to take you through to further content. However I would also like to be able to provide some buttons on the side to enable increasing the map size. However, I still need to be able to move the whole map within the frame by click and move using a mouse.

Is this something css can achieve please?

Thanks

Rich