I need to add a maps control to one of the pages in my app, but the fact that maps are scrollable makes them awkward to use in pages that also have to scroll. The user may be swiping left and right to try and scroll the page, but if their fingers land on
the map, they'll be scrolling the map instead of the page. This leads them to having to be careful where to put their fingers when using the app, which leads to a poor UX. In fact, in one of the BUILD 11 sections they even mention that you should avoid scrollable
regions in your pages for exactly this reason.
I've been thinking of ways to avoid this, but they all have drawbacks. Making the maps control non-scrollable is one, but it limits the functionality. Making the map an icon that simply leads to a page that has a full-screen map is another way, but it doesn't
seem as smooth.
What are people's opinions on this?