Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2815 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Désactiver scroll sur google map iframe

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Désactiver scroll sur google map iframe

n°2294590
sasafca
Posté le 08-01-2017 à 20:49:16  profilanswer
 

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 :
  1. <div class="col-md-7">
  2. <div class="google-maps">
  3.  <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>
  4. </div>
  5. </div>


 
Merci de votre aide !!

mood
Publicité
Posté le 08-01-2017 à 20:49:16  profilanswer
 

n°2294997
llyudy
SCruel
Posté le 19-01-2017 à 16:16:02  profilanswer
 

Salut,
 
essaye ça :

Code :
  1. <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
n°2295054
sasafca
Posté le 20-01-2017 à 10:54:22  profilanswer
 

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

n°2295058
Harkonnen
Modérateur
Un modo pour les bannir tous
Posté le 20-01-2017 à 11:42:00  profilanswer
 

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


---------------
J'ai un string dans l'array (Paris Hilton)
n°2295084
sasafca
Posté le 20-01-2017 à 15:00:53  profilanswer
 

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 !

n°2295253
sasafca
Posté le 26-01-2017 à 17:28:46  profilanswer
 

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

Code :
  1. <script>
  2. function myMap() {
  3.     var myLatLng = {lat: 45.255215, lng: 4.692265};
  4.     var mapCanvas = document.getElementById("map" );
  5.     var mapCanvas1 = document.getElementById("map1" );
  6.     var marker = new google.maps.Marker({
  7.         map: map,
  8.         position: myLatLng,
  9.         title: 'Galaxi Phone'
  10.     });
  11.     var marker1 = new google.maps.Marker({
  12.         map: map,
  13.         position: myLatLng,
  14.         title: 'Galaxi Phone'
  15.     });
  16.     var mapOptions = {
  17.         center: new google.maps.LatLng(myLatLng),
  18.         scrollwheel: false
  19.         zoom: 18
  20.     }
  21.    
  22.     var map = new google.maps.Map(mapCanvas, mapOptions);
  23.     marker.setMap(map);
  24.     var map1 = new google.maps.Map(mapCanvas1, mapOptions);
  25.     marker1.setMap(map1);
  26. }
  27. </script>
  28. <script src="https://maps.googleapis.com/maps/api/js?callback=myMap"></script>


 
Encore merci à tous !


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Désactiver scroll sur google map iframe

 

Sujets relatifs
Désactiver un avertissementGoogle Analytics => Oshkosh KEZAKO ?
Faire disparaître une référence GoogleNumé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 DIVgoogle 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


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR