0

Como puedo hacer para que en el mapa no se pueda hacer zoom si la tecla de ctrl no esta presionada, busco un efecto como en el de google maps, que si no se tiene la tecla ctrl no funciona el zoom.

1 respuesta 1

0

Creo que necesitas usar el gestureHandling: 'greedy' en las opciones de tu mapa, puedes echar un vistazo a la documentación: https://developers.google.com/maps/documentation/javascript/interaction#gestureHandling

te anexo un pequeño ejemplo de cómo se haría.

 const map = new google.maps.Map(mapElement, {
  center: { 0, 0 },
  zoom: 4,
  gestureHandling: 'greedy'
});
6
  • bueno no es google maps, y no me funciono, quiero controlar el zoom con la tecla ctrl y el mouse, pero no se como, la libreria de leaflet al parecer no trae esa opcion
    – Macx
    Commented el 3 ago. 2018 a las 18:55
  • Creo que ya te entendí, para ello podrías crear un L map, por medio de la funcion click o focus, puedes manipular de igual forma los objetos dom ya que al final es JS te dejo un pequeño ejemplo. map.on('click', function() { if (map.scrollWheelZoom.enabled()) { map.scrollWheelZoom.disable(); } else { map.scrollWheelZoom.enable(); } }); Commented el 3 ago. 2018 a las 20:07
  • map.on('click', function() { if (map.scrollWheelZoom.enabled()) { map.scrollWheelZoom.disable(); } else { map.scrollWheelZoom.enable(); } }); Commented el 3 ago. 2018 a las 20:08
  • map.once('focus', function() { map.scrollWheelZoom.enable(); }); Commented el 3 ago. 2018 a las 20:08
  • igual puedes hecharle un vistazo a ésta libreria, que puedes embeber con la de leaflet : github.com/ccampbell/mousetrap Commented el 3 ago. 2018 a las 20:09

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.