Full screen map

Full screen view Normal screen view

The idea

Exand the map to full screen then shrink it back down using either a button or the esc key.

The button works fine but not the escape key closure.

Issues

1. Can’t get the button in the iframe. Instead added it using document.body.appendChild('mapBtn') then using CSS to style with position: fixed.
2. Lose the focus for the Esc key which doesn’t work once the map is clicked. Where to add the event listener?