Scrollview like foursquare with maps + list

Question

I\'m trying to understand how can I achieve a scrollview like Foursquare app uses. The map y position follows the revenue list when scrolling.

Answer 1

My 2 cents: UITableView + MKMapView. Add observer on the tableView scroll view position and change map bounds accordingly when the observer fire.

Use contentInset in the tableView to reveal the map underneath. Use section headers for the "Happening near chinatown" with transparent background

etc..

Answer 2

UIScrollview with MKMapView + UITableView.

Answer 3

After a lot of digging, To achieve this effect, you use a function called setPadding();

Android maps - Markers Bounds at the center of top half of map area

Answer 4

This looks very interesting. Create Parallax effect between UITableView & UIMapView like FourSquare. I hope it will be useful ;)

https://github.com/stefanlage/SLParallaxController