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.
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?
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.
Google map javascript v3 pinching zoom in and out is not working on IE11(Edge) win8.1 preview OS after updating my OS from windows 8 to windows 8.1 preview. Please see my screenshot here:
This is all working fine with my previews windows 8 and IE10. What do you think?
If pinch to zoom doesn't work on official examples, then this sounds like a bug.
File a bug report for this behavior at https://code.google.com/p/gmaps-api-issues/issues/list?q=apitype:Javascript3
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.
I'm trying to create a multi touch web application, but I cannot get any desktop browser to receive multi touch events - only "click events". (It works on my iPhone where).
The only working example of a multi touch web application I've seen is Google Maps in IE9 on Windows 7 where you can pinch to zoom using two fingers. (It doesn't work in Chrome or FireFox).
Does anyone know how to create multi touch enabled websites for desktop browsers?
Br,