September 3, 2015

Xamarin iOS Draw Route between two Geo-location in Google map using Direction api

In brief : Drawing path between two intended location using google direction api over google map in xamarin iOS.


In Detail: If you are done with google map integration and looking for the implementation of the drawing route between two points then you are in the rite place.
Compare to native iOS map even google map has the advantage in cross-platform implementation like in zoom level,night-mode and extended google services [https://developers.google.com/maps/documentation/ios-sdk/views] etc.
Findout the details about google map components like marker,polyline,path in Drawing path between two points in xamarin android.

In steps: 
1.Integrate google map, it is pretty simple and shown in great detail in xamarin component document page.

2.Enable direction api in google developer console and get the api key generated[follow the step2 in Draw path in xamarin android]

3.Mark the source and destination 
Here i will consider two random location you can also consider implementing location autocomplete textview.
To mark on the map need to convert the location into its geo co-ordinates[lat,long]. this can be done by using google geocoding api.


4.Make an Http REST request to google direcetion api and parse the json response


5.Draw path connecting the polyline points.
Google direction response may contain more then route. Direction api returns polyline points in the encoded format, decode it to draw the line and include it to map.  



JSON class's
Google GeoCode JSON Class:

Google Direction JSON Class:

This is how we can draw route in xamarin iOS application. Please write your thoughts/suggestion or better way of doing this if any...
Thanks for your time here and come back again to explore exciting stuffs. :)