googlemap ダブルクリックで動き　スクロール防止

<script>//すごい
$(function() {
        var map = $('iframe');
        map.css('pointer-events', 'none');
        $('.google-maps').click(function() {
            map.css('pointer-events', 'auto');
        });
        map.mouseout(function() {
            map.css('pointer-events', 'none');
        })
    })
</script>

<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1628.1300797312329!2d137.0187482744373!3d35.29951662393029!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60036d01fe458233%3A0x40ec121516dbb108!2z44CSNDgwLTAzMDQg5oSb55-l55yM5pil5pel5LqV5biC56We5bGL55S677yR77yX77yW77yVIO-8iOagqu-8ieOCr-ODquOCqOOCpOODiOemj-a1tw!5e0!3m2!1sja!2sjp!4v1491892956529" width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>

<div class="google-maps">

で
囲う