Keep marker in center and move map around it

9 months agoMaps, React Native, User Experience

Keep marker in center and move map around it
A performance-oriented approach to let users pick their location on a map.

What Deliveroo, Uber, and others do.

Concept

It’s a classic user experience enhancer. How do you get users to pick their location?

Do you let them drag a map marker? Needs precision and causes fumbling.

Do they search for their building with autocomplete? Not all buildings are on Google Places.

The most common solution to this problem is, you put a marker in the middle of the map, and the user moves the map around it. It’s smooth, easy, and requires very little effort.

How do you achieve that with React Native and React Native Maps, though, is what we’re building today.

Problems

Solution

Use a fake marker, positioned in the center of the map. The user moves the map around it.

Code

Check out the GitHub repo.

Notes