I have an application built in Html5 and wrapped in PhoneGap.
In my application I use Google's map-Map,
In the smartphone I cant minimize and maximize the map using fingers only,
Is there a setting that should allow to be possible to do so?
On more advanced versions of smartphone,
the zoom by the fingers only works!
Then to old versions I added zoom buttons.
Related
An AR project I'm working on splits functionality between PC, iPhones, and Androids. On PC it provides a QR to scan, on iPhones it launches quick-look, and on Androids it launches scene-viewer. The issue is that due to how Microsoft Surface devices are made/setup, they are sometimes read as mobile or tablet devices. Because of this my project attempts to launch quick-look or scene-viewer for AR, but naturally Surface devices have no such functionality.
I've thought of using pointers to detect if the device has a touch screen and is running Windows, but the issue is that that would detect all laptops with touch screens. I also attempted to use window.navigator, but it appears this is deprecated and I couldn't get it to work. Is there another way to detect if a device is specifically a Microsoft Surface device, so I can disable the AR functionality entirely for those devices?
Perform a pinch operation on the Google Maps Custom Controls, Pinch does not work.
How can I change the zoom of the map in a pinch?
Example
https://map-sample-dot-cp300demo1.appspot.com/sample/index.html
Environment
Chrome version 50.0.2661.102 m
Microsoft Windows 10 Version 1511(OS Build 10586.318)
The Google Maps JavaScript API has been designed to load quickly and work well on mobile devices. Mobile devices have smaller screen sizes than typical browsers on the desktop. As well, they often have particular behavior specific to those devices (such as "pinch-to-zoom"). For more information and sample code visit this link.
Try to follow the steps here in this discussion to work the pinch in Microsoft Surface.
Steps we Followed:
Launch the Win8.1 VDA on a Surface pro1 / HP Elite Pad in Windowed mode.
Open the IE browser within the session and open Google Maps .
Try to Pinch / Zoom the google Maps within the desktop session.
Also try to check this SO question for more information.
I'm trying to use Google Maps (JS APIv3) in Chrome, in a kiosk mode, intending to use it with and infra-red touch frame. IR touch frame in a HID-mode (emulating not a mouse, but rather a touch device) works perfectly with maps.google.com, allowing to pan map with a finger, but won't allow it on an embedded map.
I assume that Google uses some sort of additional library for touch events, but looking into source code haven't given me any hints.
Anyway, is it possible to enable panning in an embedded google map for a generic touch device?
Thanks in advance!
Well.. even they have document on this control option, they don't seems to provided ways to enable the touch to pan event....
One work around might be to set to user-agent as chrome on Android.
I'm developing online map(like google maps) of cool fantasy world. I'm also use OS X on my main computer. Since OS X(especially Lion) are focused on different multi-touch gestures because almost of all mac users have a multi-touch input device(magic mouse or trackpad) I want to add support of pinch gesture to my online map(two-finger scroll would be cool to add too). Is it possible to do it? It's not bad if it will work only in some specific browser or web engine.
According to this question, it looks like firefox offers some support for multitouch gestures (see here), but other major browsers do not.
recently I've been developing webapplication for iPad using my PC and Chrome, it used a pinch feature. I found a way how to emulate touch and multi-touch feature on a desktop browser, posted my results on github here https://github.com/dgolovanev/mxTouch still does not supports predefined gestures but can handle touch and multi-touch events, hope it will be helpful
I was wondering if html5 is supporting touch functionality on a mobile device native? So we don't have to make an native app for iOS/Android/WP7 but can make an html5 page which loads in the mobile browser.
EDIT
I mean the JavaScript support for touch native in the browser so you can do you own thing with the touch in html5.
Depends on the type of touch event. For your standard browser click/mouse events these are emulated by the browser. As mentioned by Halst, just make your clickable elements big enough to work in a mobile environment.
If you want to use multitouch/gestures, it gets a little more interesting.
Webkit provides touchstart, touchmove, touchend, touchcancel. For single touch events support should be the same in both IOS Safari and Android Webkit. You could roll your own or use a library like jqTouch.
You can read more on how IOS Safari handles touch events. Events for Android don't seem to be as well documented, but you can read more on quirksmode touch support.
Just make liks and buttons big enough, and that's it.
Somewhat.
It's possible to write a webpage that looks almost as a native app for iPad (including multi-touch) but I had to give up with using "high level" events and had to handle instead the touches array explicitly to get a reasonable zoom/pan. The results are IMO quite good (people I've shown that vector graphics editor toy thought it was a native app).
For Android however things are a little trickier because on my Nexus one apparently there is no way to get anything close to full-screen (and for a phone losing the address bar space means losing a LOT of space) and also multitouch is disabled in the default browser :-(
Both problems (fullscreen and multitouch) are however solved for example in Opera and this is in my opinion sad because (may be) this means they don't WANT good web apps on the phone...
So technically it's possible to write a single html5/js program that runs in both desktop and phone, but this doesn't of course mean that the best UI for a desktop app is also the best for a phone.