Salve a tutti,

ho un problema con una mappa Google che sto inserendo in un sito,
il sito è a scroll verticale, usando il mouse per scorrere il sito quando arrivo alla sezione della mappa Google, il cursore inizia ad ingrandire la mappa invece di continuare lo scroll. ho cercato sul web e pare un bug riconosciuto, sapete suggerirmi come ovviare la cosa?

Ho creato una classe scrolloff con classe - pointer-events:none; -ma così vengono inibiti tutti i comandi di zoom e non va bene... :-(

Grazie anticipatamente per l'aiuto

La mappa è impostata così
codice HTML:
<section id="contact" class="map scrolloff">        <iframe width="100%" height="100%" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0"  src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2797.683237036729!2d9.19233693007018!3d45.476184539379354!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4786c6b59540bdc5%3A0x58b5ee8611c6f3a8!2sCorso+di+Porta+Nuova%2C+1%2C+20121+Milano!5e0!3m2!1sit!2sit!4v1428934956667">        <br />        <small>            <a href="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2797.683237036729!2d9.19233693007018!3d45.476184539379354!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4786c6b59540bdc5%3A0x58b5ee8611c6f3a8!2sCorso+di+Porta+Nuova%2C+15%2C+20121+Milano!5e0!3m2!1sit!2sit!4v1428934956667"></a>        </small>        </iframe>    </section>