Map overlay.js

//  Оверлей поверх карт, чтобы они не масштабировались при прокрутке сайта
<div class="map-container">
  <!-- Включение гугл карты по клику -->
  <div class="map-overlay" onClick="style.pointerEvents='none'"></div>
  <iframe src="https://тут карта"></iframe>	
</div>

//  или так jQuery
$(function(){
  $('.map-overlay').on('click', function() {
    $(this).remove();
  });
});


.map-container {
  position: relative;
}

.map-overlay {
  background-color: transparent; 
  position:absolute; 
  width:100%;
  height: 100%;
  top:0;
  left:0;
  z-index: 1;
}