Scrollview like foursquare with maps + list

Question

I am trying to understand how I can use a scrollview application, for example, a Foursquare application. The card position y corresponds to the list of revenue when scrolling.

• UIScrollview with map + income list as UIViews or
• UITableView using a map as a HeaderSection and proceeds as a UITableViewCell (I tried this, but the map reloads after scrolling through the table) or
• Sharing a map with a UITableview and synchronizing the position of a map with a table list?

Answer 1

It looks very interesting. Create a Parallax effect between a UITableView and a UIMapView, such as FourSquare. Hope this will be helpful;)

https://github.com/stefanlage/SLParallaxController

Answer 2

My 2 cents: UITableView + MKMapView. Add an observer to the table View the scroll position and change the map borders accordingly when the observer fires.

Use the contentInset in the View table to display the map below. Use section headings for "Happening near chinatown" with transparent background

etc..

Answer 3

UIScrollview with MKMapView + UITableView.

Answer 4

After a lot of searching, you use the setPadding () function to achieve this effect;

Android Maps - Border Markers in the center of the upper half of the map area