Build Location Picker Example In TestApp

[bleege]

A common use case for apps is to have a Location Picker over a map and while the TestApp has the basics of this already in the GeocoderActivity it can be enhanced to mirror the functionality that traditionally is part of this use case as well as made more discoverable. Specifically, this example should have:

• A Marker (pin) that is centered in the middle of the screen that moves as the user pans around the map
• An animation should be triggered on the UserLocationView when the Marker is moved over it to indicate that the Marker and User Location have come into alignment.
• An InfoWindow for the Marker that displays the address of the selected location
  • The address is generated using the Mapbox Geocoding API in Mapbox Android Services.
• Once a location is selected via Marker all zoom events should be centered on the Marker's location.

[bleege]

When getting ready to hook up the Geocoder I noticed that the TestApp is still running the old school (and deprecated) Mapbox Directions and Mapbox Geocoding libraries and not Mapbox Android Services as it should be these days. Before I can build the Location Picker I need to do a little house cleaning and get things ported to MAS.

[bleege]

I've got the basic UI of Location Picker built, namely pan map using a marker, select location, geocode location, display address with Marker and opened InfoWindow. To finish this part of the requirements off I need to:

• Add Reset To Geocoding Search Mode UI
• Fix Pin Alignment so that Search Pin to Results Pin is seamless
• Improve Address Formatting in the InfoWindow

Once these are done the next steps are to add the User Dot, User Dot animation, and Zoom events to be centered on Results Pin location.

/cc @zugaldia

[bleege]

Shortening the displayed geocoded data in the InfoWindow from the full address to simply the Street Number and Street Name makes the InfoWindow more manageable as well as better fit the use case. However, it also showed that fixing the empty snippet line is going to be a priority as well. This is documented in --> #4959

[bleege]

Current status of the UI (see gif below). Next up is to get the marker to line up better between Search Mode and Display Mode. After that all that remains is the Over User Location animation and zoom to Display Pin gesture support.

[tobrun]

Once a location is selected via Marker all zoom events should be centered on the Marker's location.

The code to make this happen is being picked up as a a part of focal point configuration in #4924 and PR'ed in #5332. After that lands you can rebase this branch on release-4.1.0

An animation should be triggered on the UserLocationView when the Marker is moved over it to indicate that the Marker and User Location have come into alignment.

I will create some example code so you can copy paste it into this one.

[bleege]

From this morning's team discussion here's the game plan for finishing this ticket:

1. Fix Marker placement
2. Land Focal Point zoom
3. Hover Animation over User Location ( AddCircle method for map, support modify radius of circle #4153 )
4. Remove extra InfoWindow space on InfoWindow with empty snipper ( Extra space on an InfoWindow without a snippet #4959 )

[bleege]

Marker place is now good to go!

[bleege]

Picking up InfoWindow #4959 while waiting for #5332 to land.

[zugaldia]

Example added via #5391.