none
Android pinch to zoom and rotate RRS feed

  • Question

  • For our mobile site we are using bing maps.  While testing, I notice that on and iPhone you can pinch to zoom and rotate a map.  However, on the Android platforms, this functionality does not work.  Has anyone else experienced this?  Is this a bug in bing maps?  Is there a solution or workaround for the issue?

    Thanks,

    Jim

    • Moved by Ricky_Brundritt Saturday, March 10, 2012 10:13 AM (From:Bing Maps: Map Control and Web services Development)
    Thursday, June 16, 2011 4:44 PM

Answers

  • I had similar issues when building the Android SDK. I ended up having to write my own touch controls to support this. Also note that only Android 2.0+ supports multitouch and not all Android device screens support multitouch. This is why almost every mapping application for android have zoom buttons available.

    Windows Live Developer MVP - http://rbrundritt.wordpress.com | http://inknowledge.co.uk
    • Marked as answer by JimboJones001 Friday, June 17, 2011 2:02 PM
    Friday, June 17, 2011 12:20 PM

All replies

  • Android browsers does not support touch events, that is reason api does not works on them. This is device specific issue, you can verify by opening any pinch supported site on Andriod devices.
    HemantGoyal
    • Marked as answer by JimboJones001 Friday, June 17, 2011 2:02 PM
    • Unmarked as answer by JimboJones001 Friday, June 17, 2011 2:38 PM
    Friday, June 17, 2011 4:25 AM
  • I had similar issues when building the Android SDK. I ended up having to write my own touch controls to support this. Also note that only Android 2.0+ supports multitouch and not all Android device screens support multitouch. This is why almost every mapping application for android have zoom buttons available.

    Windows Live Developer MVP - http://rbrundritt.wordpress.com | http://inknowledge.co.uk
    • Marked as answer by JimboJones001 Friday, June 17, 2011 2:02 PM
    Friday, June 17, 2011 12:20 PM
  • Thank you both for your answers

    It is strange because the pinch events will work on a page, it just seems to be specific to the map itself. It would be nice if they did support it.  Trying to zoom and rotate,etc using the buttons is kind of tedious becuse they icons are so small.  It's nice on an iPhone because you caneasily zoom etc and not have to use the buttons and just more intuitive I think.

    Thanks again,

    Jim

    Friday, June 17, 2011 2:08 PM
  • Hi Jim,

    I am facing a similar situation and have posted a question here (http://social.msdn.microsoft.com/Forums/en/vemapcontroldev/thread/ca4ed9e0-7cf2-4c89-9b19-5ad272e965ab)

    From what I have deduced so far, like everyone says its device + os version + browser specific. Also the reason why you are able to pinch and zoom the page is because that is handled by a diffrent set of events, that is built into the browser app whereas the issues we are having with the maps are related to incompatibility in the javascript.

    If you are still monitoring this thread, could we possibly discuss our implementations of Bing Maps? If you don't have my flickering issue, it would be interesting to compare notes.

     

    Cheers,

    Matt

    Wednesday, July 6, 2011 7:44 AM
  • Matt,

       Currently we are not having any type of flickering issue.  We are using bing maps in our mobile site which is using the jQuery mobile UI.  It has integrated well so far other than the limitation of the pinch events.

    Jim

    Wednesday, July 6, 2011 2:04 PM
  • Just wanted to let everyone know, the issue with my Bing Maps flickering is to do with my viewport meta tag.

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    When I comment it out, it stops flickering. The only issue though is that I need this tag. So I now have to work out which attribute is causing the flickering and see what can be done.

    Thursday, July 7, 2011 3:18 AM
  • We also had some problems with the viewport.  We changed it to this:

    <

     

    meta name="viewport" content="width=device-width, initial-scale=1">

    See if that helps at all

     
    Thursday, July 7, 2011 1:54 PM