HTML5 Viewer - Panning and Zooming Problem
We have a HTML5 viewer for mobile and tablet set up which works well on iPad and 'some' Android devices. However, on some devices the pan/zoom function by touching the screen doesn't work. Some of the devices that don't work include Samsung S3 (Android), Samsung smart PC (Windows 8), Asus (Android).
Doesn't seem to be related to the browser - we've tried Chrome/Firefox etc. Google Maps works on the same devices we've tested.
Any ideas as to what we might be doing wrong?
-
We're actually having a similar issue on an ipad tablet. The zoom in/out using touch screen doesn't seem intuitive (doesn't work the way we're used to seeing on apple devices. Also, when we click into the Search input field, the keyboard doesn't automatically display. Should it? We would like it to.
Also, when using the Zoom-In navigation tool in the toolbar, touch screen for zoom in area doesn't seem to work well. Anyone know if there's another trick to do this???
0 -
Are either of you using the HTML5 viewer in an IFRame? I noticed problems on mobile devices when using the HTML5 viewer in an IFrame so I have just used the shortened url for our mobile sites. I don't think IFrames are supported/well supported on mobile devices.
0 -
Mobile web applications and iframes do not play nicely, primarily because meta-tags are often attached to the document that instruct mobile browsers on how to best handle the application. When you drop the viewer into an iframe, these tags are lost as the outer document containing the iframe becomes the primary document.
The HTML5 viewer was meant to live inside of any existing page and play nicely with existing application. With a bit of developer know-how, it's fairly straightforward to take what's in Index.html and apadt it into any existing page, or to shorten existing URLs by adding viewer names. This year's Geocortex User Conference had an HTML5 deep dive which covered this.
0
Please sign in to leave a comment.
Comments
3 comments