Désactiver le zoom défilant dans google maps iframe

Apparemment donc, lorsque j'utilise:

<iframe style="pointer-events:none;" src="SOME GOOGLE MAPS LINK" width="100%" height="500" frameborder="0" ></iframe>

le panoramique a été désactivé.

et quand j'utilise:

<iframe style="scrollwheel: false" src="SOME GOOGLE MAPS LINK" width="100%" height="500" frameborder="0" ></iframe>

juste deosn pas de travail.

Est-il de toute façon, il suffit de désactiver le défilement zoom dans l'iframe?

source d'informationauteur Milad | 2015-03-19

  1. 40

    Il n'y a pas moyen de désactiver le défilement uniquement sur les Cartes Google maps iframe API, mais il y a un travail autour de.

    Comme vous l'aviez remarqué que style="pointer-events:none;" empêche l'iframe à partir de la réception de tout événement de souris, et avec la combinaison de Javascript gestionnaires d'événements sur la superposition, vous pouvez désactiver et activer la réception de l'événement de souris à l'heure que vous voulez.

    Vous pouvez même écouter la mousemove() et ne libèrent les événements de pointeur lorsque la souris se trouvent sur certains domaines (par exemple, les boutons),

    J'ai fait un démonstration rapide sur githubespérons que cette aide.

  2. 1

    Il est un bon blog avec la manière d'y parvenir avec onClick="style.pointerEvents='none'" Désactiver la molette de la souris zoom incorporé Google Map iframes

  3. 0

    Ici est un exemple de 

    <script>
  function initMap() 
 {   
  var map = new google.maps.Map(document.getElementById('map'),    
  {center: {lat: -34.397, lng: 150.644},     
  scrollwheel: false,    
  zoom: 8
  });
  }

</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer>      
</script>

    Source:- https://developers.google.com/maps/documentation/javascript/?csw=1#GMap2.Methods