Disable mouse scroll wheel zoom on embedded Google Maps

Code for Disable mouse scroll wheel zoom on embedded Google Maps. Use the following html, css, javascript for Disable mouse scroll wheel zoom on embedded Google Maps.

HTML

<div id="google-maps">
<iframe frameborder="0" height="450" src="***embed-map***"  width="100"</iframe>
</div>

CSS

#google-maps iframe { pointer-events:none; }

Script

<script>
  $(function() {
    $('#google-maps').click(function(e) {
        $(this).find('iframe').css('pointer-events', 'auto');
    }).mouseleave(function(e) {
        $(this).find('iframe').css('pointer-events', 'none');
    });
  })
</script>