Android how to draw navigation path like the blue line in the picture

Question

I want to draw navigation path like google navigation path of blue line . How should I draw?

Answer 1

Use the following code for Pass intent to google Map.

String url = "http://maps.googleapis.com/maps/api/directions/xml?"
                + "origin=" + start.latitude + "," + start.longitude
                + "&destination=" + end.latitude + "," + end.longitude
                + "&sensor=false&units=metric&mode=driving";   

 Intent intent = new Intent(android.content.Intent.ACTION_VIEW,
                            Uri.parse(url);
                    startActivity(intent);

Hope It will Help You..

Answer 2

Considering your specific question to just draw the blue path I would confine my answer to just drawing of blue path as one of the comments has already included the use of Google API to draw the route.

It is pretty simple:

// PolylineOptions that defines the characteristics of line
PolylineOptions mPolylineOptions = new PolylineOptions();
// points of line
mPolylineOptions.addAll(points);
// width of line that will be drawn
mPolylineOptions.width(16);   
// and add the color of your line and other properties
mPolylineOptions.color(Color.parseColor("#1976D2")).geodesic(true).zIndex(8);    
// finally draw the lines on the map
Polyline line1 = mMap.addPolyline(mPolylineOptions);
// change the width and color
mPolylineOptions.width(14);    
mPolylineOptions.color(Color.parseColor("#2196F3")).geodesic(true).zIndex(8);
Polyline line2 = mMap.addPolyline(mPolylineOptions);

The points are calculated using the Google Maps API for Android. What we are doing here is that we are not just making one line but two line with varying width and color. The line1 is the bottom line of dark color which will become the boundary (or stroke) of the line2 which is of the light color. The .geodesic(true) tells that the path to be drawn should be smooth on turns instead of sharp edges and .zIndex specifies the stack order of this line, relative to other lines on the map. The default z-index value is 0.

The above code gives following line output:

For more details refer this and this.