Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • How to Draw path between two locations

    @rajshekhar.tiwari
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 274
    Comment on it

    In the below example I have created Drawing Polyline and Markers along the tapped position in Google Map. Polyline is a list of points where line segment are drawn between consecutive point. Here I have created fragment attribute in activity_main.xml and In AndroidMaindest.xml I have added permisson, In MainActivity I have used onMapClick method and OnClickListener method. You can see below example code it will clearly described you how to get Draw path between two locations.

    Step(1)activity_main.xml layout-

    1.  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    2.     xmlns:tools="http://schemas.android.com/tools"
    3.     android:layout_width="match_parent"
    4.     android:layout_height="match_parent"
    5.     tools:context=".MainActivity" >
    6.  
    7.     <fragment
    8.         android:id="@+id/map"
    9.         android:layout_width="match_parent"
    10.         android:layout_height="match_parent"
    11.         class="com.google.android.gms.maps.SupportMapFragment"/>
    12.  
    13. </RelativeLayout>

    Step(2)AndroidManifest.xml-

    1. <?xml version="1.0" encoding="utf-8"?>
    2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
    3.    
    4.     android:versionCode="1"
    5.     android:versionName="1.0" >
    6.  
    7.     <uses-sdk
    8.         android:minSdkVersion="8"
    9.         android:targetSdkVersion="17" />
    10.  
    11.     <permission
    12.         android:name="in.wptrafficanalyzer.locationpolyline.permission.MAPS_RECEIVE"
    13.         android:protectionLevel="signature"/>
    14.  
    15.     <uses-permission android:name="in.wptrafficanalyzer.locationpolyline.permission.MAPS_RECEIVE"/>
    16.  
    17.     <uses-permission android:name="android.permission.INTERNET"/>
    18.     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    19.     <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES"/>
    20.     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
    21.     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
    22.  
    23.     <uses-feature
    24.         android:glEsVersion="0x00020000"
    25.         android:required="true"/>
    26.  
    27.     <application
    28.         android:allowBackup="true"
    29.         android:icon="@drawable/ic_launcher"
    30.         android:label="@string/app_name"
    31.         android:theme="@style/AppTheme" >
    32.  
    33.         <activity
    34.             android:name="in.wptrafficanalyzer.locationpolyline.MainActivity"
    35.             android:label="@string/app_name" >
    36.             <intent-filter>
    37.                 <action android:name="android.intent.action.MAIN" />
    38.                 <category android:name="android.intent.category.LAUNCHER" />
    39.             </intent-filter>
    40.         </activity>
    41.  
    42.         <meta-data
    43.             android:name="com.google.android.maps.v2.API_KEY"
    44.             android:value="YOUR_API_KEY"/>
    45.  
    46.     </application>
    47. </manifest>

    Step(3)MainActivity-

    1. public class MainActivity extends FragmentActivity {
    2.  
    3.     GoogleMap googleMap;
    4.     ArrayList<LatLng> points;
    5.  
    6.     @Override
    7.     protected void onCreate(Bundle savedInstanceState) {
    8.         super.onCreate(savedInstanceState);
    9.         setContentView(R.layout.activity_main);
    10.  
    11.         points = new ArrayList<LatLng>();
    12.  
    13.         // Getting reference to the SupportMapFragment of activity_main.xml
    14.         SupportMapFragment fm = (SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map);
    15.  
    16.         // Getting GoogleMap object from the fragment
    17.         googleMap = fm.getMap();
    18.  
    19.         // Enabling MyLocation Layer of Google Map
    20.         googleMap.setMyLocationEnabled(true);
    21.  
    22.         // Setting OnClick event listener for the Google Map
    23.         googleMap.setOnMapClickListener(new OnMapClickListener() {
    24.  
    25.             @Override
    26.             public void onMapClick(LatLng point) {
    27.  
    28.                 // Instantiating the class MarkerOptions to plot marker on the map
    29.                 MarkerOptions markerOptions = new MarkerOptions();
    30.  
    31.                 // Setting latitude and longitude of the marker position
    32.                 markerOptions.position(point);
    33.  
    34.                 // Setting titile of the infowindow of the marker
    35.                 markerOptions.title("Position");
    36.  
    37.                 // Setting the content of the infowindow of the marker
    38.                 markerOptions.snippet("Latitude:"+point.latitude+","+"Longitude:"+point.longitude);
    39.  
    40.                 // Instantiating the class PolylineOptions to plot polyline in the map
    41.                 PolylineOptions polylineOptions = new PolylineOptions();
    42.  
    43.                 // Setting the color of the polyline
    44.                 polylineOptions.color(Color.RED);
    45.  
    46.                 // Setting the width of the polyline
    47.                 polylineOptions.width(3);
    48.  
    49.                 // Adding the taped point to the ArrayList
    50.                 points.add(point);
    51.  
    52.                 // Setting points of polyline
    53.                 polylineOptions.addAll(points);
    54.  
    55.                 // Adding the polyline to the map
    56.                 googleMap.addPolyline(polylineOptions);
    57.  
    58.                 // Adding the marker to the map
    59.                 googleMap.addMarker(markerOptions);
    60.  
    61.             }
    62.         });
    63.  
    64.         googleMap.setOnMapLongClickListener(new OnMapLongClickListener() {
    65.  
    66.             @Override
    67.             public void onMapLongClick(LatLng point) {
    68.                 // Clearing the markers and polylines in the google map
    69.                 googleMap.clear();
    70.  
    71.                 // Empty the array list
    72.                 points.clear();
    73.             }
    74.         });
    75.     }
    76.  
    77.     @Override
    78.     public boolean onCreateOptionsMenu(Menu menu) {
    79.         // Inflate the menu; this adds items to the action bar if it is present.
    80.         getMenuInflater().inflate(R.menu.main, menu);
    81.         return true;
    82.     }
    83. }
    Android api v2 Google maps
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: