This is a migrated thread and some comments may be shown as answers.

Google maps inside one of the ScrollView's pages

1 Answer 81 Views
ScrollView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Ioan
Top achievements
Rank 1
Ioan asked on 30 May 2014, 01:42 PM
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

1 Answer, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 31 May 2014, 05:51 AM
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.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
ScrollView (Mobile)
Asked by
Ioan
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question
or