6 votos

Cómo hacer OpenLayers 3 se comportan como Google Maps cuando se utiliza de desplazamiento del ratón

El API de Google Maps muestra un mensaje sobre el mapa cuando el usuario se desplaza con el ratón sobre el mapa.

El mensaje informa al usuario que pulse la tecla Control mientras se desplaza con el ratón sobre el mapa. Esta es una muy buena solución para preservar el normal desplazamiento de página con el ratón.

Es esto posible en OpenLayers 3?

Realmente hay dos comportamientos que queremos lograr:

  1. Cómo detectar que el usuario está haciendo scroll en el mapa con el ratón y muestra una alerta que debe pulsar la tecla de control?

  2. ¿Cómo puede usted hacer lo que el zoom en el mapa sólo se puede hacer pulsando control, además de desplazamiento con el ratón?

3voto

Dheeraj Y Puntos 114

Aquí las respuestas a sus preguntas:

  1. Cómo detectar que el usuario está haciendo scroll en el mapa con el ratón y muestra una alerta que debe pulsar la tecla de control?
map.on('wheel', function(){
       //write whatyou like and add it in popup window

});

  1. ¿Cómo puede usted hacer lo que el zoom en el mapa sólo se puede hacer pulsando control, además de desplazamiento con el ratón?

OpenLayers no tiene esta funcionalidad, pero usted puede hacerlo mediante la creación de algo parecido en este enlace.

También, usted puede hacerlo con sólo (tecla shift) o (tecla alt)

     map.on('wheel', function(evt) {
            map.on('wheel', function(evt) {
    wheelZoom(evt);
});
function wheelZoom(evt) {
      if (ol.events.condition.shiftKeyOnly(evt) !== true) {
          evt.browserEvent.preventDefault();
      }
  };

i-Ciencias.com

I-Ciencias es una comunidad de estudiantes y amantes de la ciencia en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X