Comment désactiver le zoom molette de la souris sur Google Street View?

StackOverflow https://stackoverflow.com/questions/3802372

Question

Prenons l'exemple de code suivant: http://code.google.com/apis/maps /documentation/javascript/examples/streetview-simple.html

Je peux faire scrollwheel: false sur un mapOptions pour désactiver le zoom molette de la souris. La fonction est mise en œuvre sur les panoramaOptions StreetView.

Dans Chrome, je peux désactiver en toute sécurité zoom molette de la souris sur le streetview simplement par. 

$('#pano *').bind('mousewheel', function(){
    return false;
});

Toutefois, cela ne fonctionne pas dans d'autres. S'il vous plaît aidez-moi à le faire fonctionner dans le top 3-5 navigateurs?

Était-ce utile?

La solution

Il y a maintenant une demande de fonctionnalité confirmée par les questions de l'API gmaps http://code.google.com/p/gmaps-api-issues/issues/detail?id=2557 . Espérons que les ingénieurs de Google se penchera sur quand ils obtiennent creux des bugs les plus importants. Je déteste retenir mon souffle, mais je vais garer ce pour l'instant.

Autres conseils

Selon Subgurim.net, voici comment faire; 

  [powerscript -  other event]
CONSTANT integer WM_MOUSEWHEEL = 522
IF message.number = WM_MOUSEWHEEL AND & KeyDown (KeyControl!) THEN
   message.processed = TRUE
   RETURN 1
END IF

Je me rends compte que vous utilisez Javascript, et ceci est un exemple de VB, mais nous espérons qu'il aide.

J'utilise le code ci-dessous pour éviter un double clic zoom - sûr qu'il pourrait être adapté pour faire défiler zoom roue. zoom:. 1 étant mon préféré niveau de zoom, mais pourrait être quelque chose 

$("#panorama").dblclick( function(){

   panorama.setPov(  {
      heading: panorama.getPov().heading,
      pitch: panorama.getPov().pitch, zoom: 1 
   });

});

Il y a une solution facile:. En ajoutant une couche avant la streetview avec un z-index plus élevé, vous empêcherez la fonction zoom du Streetview 

<div id="panorama" style="position: absolute;left:0; top: 0;height: 100%; width: 100%; z-index: -1;opacity: 1"></div>
<div id="layerBeforePanorama" style="position: absolute;left:0; top: 0;height: 100%; width: 100%; z-index: 0;opacity: 1"></div>

<script>
var panoOptions = {
    position: latlng,
    pov: {
        heading: 0,
        pitch: 0
    }
  };
var pano = new google.maps.StreetViewPanorama(document.getElementById('panorama'), panoOptions);
</script>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top