I am trying to create a touchscreen application where there is a menu which needs to stay in place at all times, and an additional area where the user should be able to zoom & pan a map (a custom SVG in this case) with touch gestures (including pinch in and out). I need the application to work in Google Chrome.
What would be the best way to go about doing this? As far as I can tell, I first need to disable pinch gestures in Chrome (via command line options), in order to prevent the entire web page being “zoomable” by users using the touchscreen - this part I got working just fine.
However, Tumult doesn’t appear to have native support for this kind of gestures. I have tried using interact.js to make my map object zoomable, alas it doesn’t seem to quite work as expected: the scaling is pretty jerky, and pinching out works much slower than pinching in. Also, it doesn’t seem to accept changing the pinch direction (within the same gesture) or be draggable. The example code for Pinch-to-Zoom on the project webpage (interactjs.io) works however just fine, and behaves as expected. So, it appears to be a conflict somewhere, which I can’t however identify.
Did anybody implement something similar successfully? Or (most likely) I am missing something
completely obvious ?