How to blur google map with css : <p>I'm making a semi-transparent panel to overlay on my map, and I thought blurring the map underneath it would be a neat effect. I tried using CSS filters, namely <code>filter: blur(5px);</code>, however this only blurred the contents of the panel, not the map beneath it.</p>

<p>Does anyone know of a way to achieve this effect?</p>

<p>(Picture of simple div panel with no blurring, yet)</p>

<p><a href="https://i.stack.imgur.com/0lDkQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0lDkQ.png" alt="Not blurred"></a></p>
