Google maps inside one of the ScrollView's pages

2 posts, 0 answers
  1. Ioan
    Ioan avatar
    36 posts
    Member since:
    Dec 2012

    Posted 30 May 2014 Link to this post

    Only I can make such combinations, but here it is.
    I have a Google Map JavaScript inside one of the ScrollView's pages. The problems is with swiping, dragging as you might guess.
    With the Scrollview inside ScrollView  scenario had no problems regarding touch (even though it's not officially supported as I've been told).
    But in this case it seems I'm out of luck. When I drag the Google map, the ScrollView drags also. And the View in which the ScrollView resides also scrolls....
    I started with this piece of code
    google.maps.event.addListener(map, 'dragstart', function() { setDragFlag(true); }); 
    But stuck on binding  touchstart to the kendoMobileScrollView
    $("#svMD").getKendoMobileScrollView().pane.userEvents.bind("touchstart", SomeFunctionWhichWritesToTheConsole)
    Don't know why but touchstart event doesn't want to fire at all

  2. Kiril Nikolov
    Kiril Nikolov avatar
    2596 posts

    Posted 31 May 2014 Link to this post

    Hi Ioan,

    Using Google Maps inside a ScrollView is unsupported scenario. As you have noticed the navigation within the map is not possible, as the ScrollView captures the touch events for its own navigation purposes and I am afraid that there is no workaround possible.

    Kiril Nikolov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top