<div dir="ltr"><div><div><div><div>Hola a todos, <br><br></div>Tengo un mapa hecho con <span style="background:none repeat scroll 0% 0% yellow" class=""><span style="background:none repeat scroll 0% 0% yellow" class="">leaflet</span></span> y quisiera que al hacer un pan y salir del <span style="background:none repeat scroll 0% 0% yellow" class="">div</span> del mapa el desplazamiento del mapa se detenga. Si miran la página principal de <span style="background:none repeat scroll 0% 0% yellow" class="">leaflet</span> http://<span style="background:none repeat scroll 0% 0% yellow" class="">leafletjs</span>.com/<span style="background:none repeat scroll 0% 0% yellow" class="">index</span>.html el mapa tiene ese <span style="background:none repeat scroll 0% 0% yellow" class="">comportamiento</span>.<br>
<br></div>He intentado registrar el evento <span style="background:none repeat scroll 0% 0% yellow" class="">mouseout</span> y me detecta cuando el cursor sale del mapa pero no he logrado hacer que se pare el desplazamiento. <br>
<br></div>He probado un poco de todo: simular algún otro evento con <span style="background:none repeat scroll 0% 0% yellow" class="">fire</span>, deshabilitar el <span style="background:none repeat scroll 0% 0% yellow" class="">drag</span>, desregistrar eventos con el off pero nada me funciona. Una vez que suelto el boton del mouse fuera del area si que se deshabilita el pan.<br>
<br></div><div>map.on('mouseout', function(e) {<br> console.debug(e.latlng);<br> //map.panTo(e.latlng, {reset: true});<br> map.off('move');<br> map.off('mousemove');<br>
map.dragging.disable();<br> map.touchZoom.disable();<br> map.doubleClickZoom.disable();<br> map.scrollWheelZoom.disable();<br> map.boxZoom.disable();<br> map.keyboard.disable();<br>
map.fire('mouseup', e);<br> map.fire('moveend', e);<br> map.fire('dragend', e);<br> map.fire('dblclick', e);<br> });<br clear="all"><div><div><div><div><div>
<br></div><div>Aqui pueden ver la prueba.<br><a href="http://jsfiddle.net/t9FvA/">http://jsfiddle.net/t9FvA/</a><br><br></div><div>Gracias.<br></div><div><br>-- <br>Saludos,<br><br>Bolo<br><a href="http://www.geoinquiets.cat" target="_blank">www.<span style="background:none repeat scroll 0% 0% yellow" class=""><span style="background:none repeat scroll 0% 0% yellow" class="">geoinquiets</span></span>.<span style="background:none repeat scroll 0% 0% yellow" class=""><span style="background:none repeat scroll 0% 0% yellow" class="">cat</span></span></a><br>
</div></div></div></div></div></div></div>