Désactiver scroll sur google map iframe

Marsh Posté le 08-01-2017 à 20:49:16

Bonjour à tous,

voila je code un petit site et je bloque vraiment sur un truc, j'aimerai désactiver le scroll et uniquement le scroll sur une map google intégrée sur l'une de mes pages...

Voici le code:

Code :

<div class="col-md-7">
<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d11236.9" width="847" height="550" frameborder="0" style="border:0; margin-top:25px; margin-left:10px;" allowfullscreen></iframe>
</div>
</div>

Merci de votre aide !!

Reply

Marsh Posté le 08-01-2017 à 20:49:16

Reply

Marsh Posté le 19-01-2017 à 16:16:02

Salut,

essaye ça :

Code :

<iframe scrolling="no" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d11236.9" width="847" height="550" frameborder="0" style="border:0; margin-top:25px; margin-left:10px; overflow:hidden;" allowfullscreen></iframe>

Message édité par llyudy le 19-01-2017 à 16:16:25

Reply

Marsh Posté le 20-01-2017 à 10:54:22

Merci, mais ça n'a pas fonctionné... J'ai posé une colle au forum je crois!

Reply

Marsh Posté le 20-01-2017 à 11:42:00

Et ça ? http://wpandsuch.com/how-to-disabl [...] oogle-map/

---------------
J'ai un string dans l'array (Paris Hilton)

Reply

Marsh Posté le 20-01-2017 à 15:00:53

Merci c'est pas trop mal!
Le seul problème c'est quand on a clické une fois dessus, ça réactive le scroll.
Que faut-il rajouter dans le css pour que la map soit responsive svp ?

Encore merci !

Reply

Marsh Posté le 26-01-2017 à 17:28:46

J'ai trouvé une solution si ça peut intéressé !

Code :

<script>
function myMap() {
var myLatLng = {lat: 45.255215, lng: 4.692265};
var mapCanvas = document.getElementById("map" );
var mapCanvas1 = document.getElementById("map1" );
var marker = new google.maps.Marker({
map: map,
position: myLatLng,
title: 'Galaxi Phone'
});
var marker1 = new google.maps.Marker({
map: map,
position: myLatLng,
title: 'Galaxi Phone'
});
var mapOptions = {
center: new google.maps.LatLng(myLatLng),
scrollwheel: false,
zoom: 18
}
var map = new google.maps.Map(mapCanvas, mapOptions);
marker.setMap(map);
var map1 = new google.maps.Map(mapCanvas1, mapOptions);
marker1.setMap(map1);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?callback=myMap"></script>

Encore merci à tous !

Reply

Désactiver scroll sur google map iframe

Sujets relatifs:

Leave a Replay