For those who have not tried it, OpenSfM is an amazing tool. Can't wait to play with dense reconstructions. Congrats mapillary team, I know this has been a long time coming!
This has been an issue we have struggled with for a while. What you are suggesting is basically how Leaflet typically handles scroll events. The issue, however, primarily lies with the Apple trackpad. Basically the Apple trackpad "fakes" inertial scrolling. When using the base Leaflet implementation, we would zoom straight to the target zoom level (great), but then the tail end of the intertial zoom would force it to zoom once more (bad).
For a normal map of the world that has like 20 or 30 zoom levels, accidentally missing the target zoom by a level does not matter too much. However, on our maps, with only a couple zoom levels, missing your target zoom level really hinders usability. Therefore we debounce the scroll events to keep zooming to a level at a time. So its not a matter of tile rendering blocking zoom, but rather a purposeful, if imperfect, decision.
This is by no means the right solution and we are keeping our eyes on the new Leaflet release that may help solve this. Great catch, btw.
Thanks for the thread. I figured mapping continuous input to discrete levels was more difficult than I was making it seem (especially with the fragmented way the web presents these devices).
Tiling is a very common technique for online maps. Image tiles used to be the standard, but there has been a lot of progress made with vector tiles (what the new Google Maps uses), mainly due to the huge improvements in browser performance as well as greater support of WebGL . Take a look at Mapbox GL, a very cool vector tile renderer:
I am quite certain there was a mix of both, but I honestly cannot remember the details of the timeline. Basically, if your bottleneck is moving lots of DOM elements around, then clustering is a good next step (depending on your use case). If not, then canvas tiles have worked very well for us.
So basically what we wanted to avoid was doing lots of redrawing during panning. If there were a single static canvas with the image tiles moving underneath it, then it would have to constantly redraw during panning. By using tiles, you only have to draw or redraw as necessary, e.g. as you pan to a part of the map outside of the current bounds.
Can we get rid of this trend of having such media-heavy product pages? The HTML5 header video is nifty, but the page is ~20MB to load. Is that really necessary to describe a product?
