<div dir="ltr">Hola Wladimir,<div>lo cierto es que es una pregunta "simple" pero de respuesta compleja.</div><div>No me queda claro lo que dices de la pagina de Leaflet. En mi caso cuando el mouse sale fuera el mapa continua moviendose, igual que en tu ejemplo.</div>
<div><br></div><div>He estado haciendo algunas pruebas y finalmente he encontrado una posible solucion, un poco chapucera y sin saber efectos colaterales :) Basta con "congelar" el objeto draggable si el mouse sale fuera: <a href="http://jsfiddle.net/v7P8P/1/">http://jsfiddle.net/v7P8P/1/</a></div>
<div><br></div><div>Saludos.</div></div><div class="gmail_extra"><br><br><div class="gmail_quote">2014-05-09 12:47 GMT+02:00 Wladimir Szczerban <span dir="ltr"><<a href="mailto:bolosig@gmail.com" target="_blank">bolosig@gmail.com</a>></span>:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><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"><span style="background:none repeat scroll 0% 0% yellow">leaflet</span></span> y quisiera que al hacer un pan y salir del <span style="background:none repeat scroll 0% 0% yellow">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">leaflet</span> http://<span style="background:none repeat scroll 0% 0% yellow">leafletjs</span>.com/<span style="background:none repeat scroll 0% 0% yellow">index</span>.html el mapa tiene ese <span style="background:none repeat scroll 0% 0% yellow">comportamiento</span>.<br>
<br></div>He intentado registrar el evento <span style="background:none repeat scroll 0% 0% yellow">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">fire</span>, deshabilitar el <span style="background:none repeat scroll 0% 0% yellow">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/" target="_blank">http://jsfiddle.net/t9FvA/</a><br><br></div><div>Gracias.<span class="HOEnZb"><font color="#888888"><br></font></span></div>
<span class="HOEnZb"><font color="#888888"><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"><span style="background:none repeat scroll 0% 0% yellow">geoinquiets</span></span>.<span style="background:none repeat scroll 0% 0% yellow"><span style="background:none repeat scroll 0% 0% yellow">cat</span></span></a><br>
</div></font></span></div></div></div></div></div></div>
<br>_______________________________________________<br>
Spanish mailing list<br>
<a href="http://lists.osgeo.org/mailman/listinfo/spanish" target="_blank">http://lists.osgeo.org/mailman/listinfo/spanish</a><br>
<a href="http://es.osgeo.org" target="_blank">http://es.osgeo.org</a><br>
<a href="http://twitter.com/osgeoes" target="_blank">http://twitter.com/osgeoes</a><br></blockquote></div><br><br clear="all"><div><br></div>-- <br><font face="'courier new', monospace">|----------------------------------------------------------------</font><div>
<font face="courier new, monospace">| OpenLayers Cookbook: </font><font face="courier new, monospace"><font color="#0000ee"><u><a href="http://kcy.me/ar2b" target="_blank">http://kcy.me/ar2b</a></u></font></font><font face="courier new, monospace"><br>
</font><div><font face="'courier new', monospace">| Web Page: </font><a href="http://www.acuriousanimal.com" style="font-family:'courier new',monospace" target="_blank">http://www.acuriousanimal.com</a></div>
<div><span style="font-family:'courier new',monospace">| Blog: <a href="http://www.acuriousanimal.com/blog" target="_blank">http://www.acuriousanimal.com/blog</a></span><br><span style="font-family:'courier new',monospace">| Twitter: <a href="http://twitter.com/#%21/acanimal" target="_blank">@acanimal</a></span><font face="'courier new', monospace"></font><br>
<font face="'courier new', monospace">|----------------------------------------------------------------</font></div><div><font face="'courier new', monospace"><div>| _ __ </div>
<div>| /_) (_ ` _ _ _)_ o _ _ _ </div><div>| / / o .__) (_( ) ) (_ ( (_( (_( (_) </div><div>| _) </div></font></div><div><font face="'courier new', monospace"></font><span style="font-family:'courier new',monospace">|----------------------------------------------------------------</span></div>
</div>
</div>