Désactiver scroll sur google map iframe

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Désactiver scroll sur google map iframe

sasafca

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 !!

Publicité

llyudy

SCruel

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

sasafca

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

Harkonnen

Modérateur
Un modo pour les bannir tous

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

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

sasafca

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 !

sasafca

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 !

FORUM HardWare.fr

Programmation

HTML/CSS

Désactiver scroll sur google map iframe

Sujets relatifs
Désactiver un avertissement	Google Analytics => Oshkosh KEZAKO ?
Faire disparaître une référence Google	Numéros de téléphone google vers excel
Problème avec la traduction google traduction api et c#	Mettre une légende sur une google map
Infinite Scroll sur plusieurs DIV	google sheet & XML
Affichage de données temporelles dans Google Earth	recuperes $sms de maniere a l'envoyer via une iframe avec du html
Plus de sujets relatifs à : Désactiver scroll sur google map iframe

Page générée en 0.073 secondes