埋め込んだGoogle Mapのスクロールを止める

レスポンシブのサイトを作成していて
横幅いっぱいにgooglemapの埋め込みタグをiframeで貼り付けると
スクロールのたびに地図が拡大してちゃって困る。。。
そんな時の対処法

１）iframeをdivでくくってidをつけます。

２）このタグをヘッダーにはりつけます
$(function() {
var map = $(‘iframe’);
map.css(‘pointer-events’, ‘none’);
$(‘#access’).click(function() {
map.css(‘pointer-events’, ‘auto’);
});
map.mouseout(function() {
map.css(‘pointer-events’, ‘none’);
})
})