Xamarin Forms - iOS and Android Maps application

1. First Part Write a XAMARIN FORMS application that uses Maps (Xamarin Forms Maps package), displays the markers from the result of an api call and each marker will display the json result details. In the details of the marker, there will be a button for more details which will open a new View with the json id as a parameter. You can use the xamarin forms maps sample as a starting point. The important part is that when touching the markers/pins (use any custom marker/pin image, and I'll change it if needed), the little marker details popup must display in a little box and the map with markers/pins must still be visible. Inside the marker/pin details box, there should be a button for more details. When tapping that button, a new view should be pushed with the json row id attribute value in it, it could just be a public variable in the view. The new view can be just an empty view with a "Back to Map" button. This is a sample json: { "markers": [ { "id": 123, "name": "Marker 1", "picture": "[login to view URL]", "description": "This will be a longer description. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book", "price": 1.55, "currency": "USD", "currencySymbol": "$", "lat": 45.5017, "long": -73.55399250 }, { "id": 124, "name": "Marker 2", "picture": "[login to view URL]", "description": "This will be a longer description. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book", "price": 2.2, "currency": "CAD", "currencySymbol": "$", "lat": 45.5017, "long": -73.55399250 } ] } A fake http api call can be created and just use the sample json above. 2. Second Part Add a search input box that will be position on top of the map. Just like Google Maps app. When someone types a city or name, a suggestion box should appear. Then the map must point to that search location and just place again the 2 rows from the json sample above. You can just use different "lat" and "long" that matches the map position. VERY IMPORTANT: I'm not looking for something pretty. Don't worry about the looks. What I need is CLEAN CODE.