Cómo deshabilitar el ratón con rueda de zoom en Google Street View?

Question

Considere el siguiente código de ejemplo: http://code.google.com/apis/maps /documentation/javascript/examples/streetview-simple.html

Me puede hacer scrollwheel: false en un mapOptions Para desactivar el zoom de la rueda del ratón. La función no está implementada en los panoramaOptions streetview.

En Chrome, que con seguridad se puede desactivar la rueda del ratón zoom en la vista calle simplemente.

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

Sin embargo, esto no funciona en otros lugares. Por favor me ayuda a conseguir que funcione en las primeras 3-5 navegadores?

Answer 1

En la actualidad existe una solicitud de función confirmado con Gmaps problemas de la API http://code.google.com/p/gmaps-api-issues/issues/detail?id=2557 . Esperemos los ingenieros de Google se verá en ella cuando consiguen a través errores más importantes. Odio a contener la respiración, pero voy a aparcar esto por ahora.

Answer 2

De acuerdo con Subgurim.net, esto es cómo hacerlo;

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

Me doy cuenta de que está utilizando Javascript, y este es un ejemplo VB, pero espero que ayude.

Answer 3

Yo uso el siguiente código para evitar la doble clic zoom - bastante seguro de que podría ser adaptado para desplazarse zoom rueda. Amplía:. 1 siendo mi etapa de zoom preferido aquí, pero podría ser cualquier cosa

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

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

});

Answer 4

Hay una solución fácil:. Mediante la adición de una capa antes de la vista calle con un alto índice z, impedirá que la función de zoom de la 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>