Cara Menampilkan Lokasi Sekitar User Google Maps Android

Google Maps adalah sebuah peta navigasi milik google yang membantu si user (pengguna) mencari ,melihat  dan menemukan lokasi tempat tinggal dan tempat yang ingin dituju di seluruh dunia.Google Maps bukan hanya tersedia di Web , namun juga terdapat di Aplikasi mobile khususnya Android.Nah Google menyediakan sebuah API yang digunakan untuk para developer Android , mengembangkan Aplikasi peta navigasi mereka yang disebut Google Maps API

Pada tutorial sebelumnya saya telah membahas, tutorial tentang bagaimana cara menampilkan Google Map API Android. Pada tutorial belajar android kali ini kita akan menggunakan salah satu fitur dari Google Maps API, yaitu  menampilkan area lokasi sekitar user (pengguna), yang ditandai dengan marker pada layar Google Maps. Sebelum memulai kalian harus baca terlebih dahulu tutorial sebelumnya :

1.Manifest 

Pertama pada project Android Studio kalian di folder manifest >AndroidManifest.xml

tambahkan user permission berikut ke dalam file AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>

AndroidManifest.xml

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

1. <?xml version="1.0" encoding="utf-8"?>
2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
3.           package="com.okedroid.googlemaps">
5.     <!--
6.          The ACCESS_COARSE/FINE_LOCATION permissions are not required to use
7.          Google Maps Android API v2, but you must specify either coarse or fine
8.          location permissions for the 'MyLocation' functionality.
9.     -->
10.     <uses-permission android:name="android.permission.INTERNET" />
11.     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
12.     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
14.     <application
15.         android:allowBackup="true"
16.         android:icon="@mipmap/ic_launcher"
17.         android:label="@string/app_name"
18.         android:supportsRtl="true"
19.         android:theme="@style/AppTheme">
21.         <!--
22.              The API key for Google Maps-based APIs is defined as a string resource.
23.              (See the file "res/values/google_maps_api.xml").
24.              Note that the API key is linked to the encryption key used to sign the APK.
25.              You need a different API key for each encryption key, including the release key that is used to
26.              sign the APK for publishing.
27.              You can define the keys for the debug and release targets in src/debug/and src/release/.
28.         -->
29.         <meta-data
30.             android:name="com.google.android.geo.API_KEY"
31.             android:value="@string/google_maps_key"/>
33.         <activity
34.             android:name=".MapsActivity"
35.             android:label="@string/title_activity_maps">
36.             <intent-filter>
37.                 <action android:name="android.intent.action.MAIN"/>
39.                 <category android:name="android.intent.category.LAUNCHER"/>
40.             </intent-filter>
41.         </activity>
42.     </application>
44. </manifest>

2.Layout

Setelah itu pada bagian file layout activity_maps.xml 

Pastikan baris intruksi( codingann) seperti ini :

activity_maps.xml 

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

1. <?xml version="1.0" encoding="utf-8"?><!--
2.      Copyright (C) 2012 The Android Open Source Project
3.      Licensed under the Apache License, Version 2.0 (the "License");
4.      you may not use this file except in compliance with the License.
5.      You may obtain a copy of the License at
6.           http://www.apache.org/licenses/LICENSE-2.0
7.      Unless required by applicable law or agreed to in writing, software
8.      distributed under the License is distributed on an "AS IS" BASIS,
9.      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
10.      See the License for the specific language governing permissions and
11.      limitations under the License.
12. -->
13. <!-- This can go anywhere in your layout (see other demos for some examples). -->
14. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
15.              android:layout_width="match_parent"
16.              android:layout_height="match_parent"
17.              android:id="@+id/layout">
19.     <fragment
20.         android:id="@+id/map"
21.         class="com.google.android.gms.maps.SupportMapFragment"
22.         xmlns:android="http://schemas.android.com/apk/res/android"
23.         android:layout_width="match_parent"
24.         android:layout_height="match_parent" />
25. </FrameLayout>

3. Activity

Pada file java MainActivity.java 

Salin  baris intruksi( codingann) di bawah:

MainActivity.java 

DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

1. package com.okedroid.googlemaps;
3. import android.Manifest;
4. import android.content.Context;
5. import android.content.pm.PackageManager;
6. import android.location.Criteria;
7. import android.location.Location;
8. import android.location.LocationListener;
9. import android.location.LocationManager;
10. import android.location.LocationProvider;
11. import android.support.v4.app.FragmentActivity;
12. import android.os.Bundle;
13. import android.util.Log;
14. import com.google.android.gms.maps.CameraUpdateFactory;
15. import com.google.android.gms.maps.GoogleMap;
16. import com.google.android.gms.maps.OnMapReadyCallback;
17. import com.google.android.gms.maps.SupportMapFragment;
18. import com.google.android.gms.maps.model.BitmapDescriptorFactory;
19. import com.google.android.gms.maps.model.CameraPosition;
20. import com.google.android.gms.maps.model.CircleOptions;
21. import com.google.android.gms.maps.model.LatLng;
22. import com.google.android.gms.maps.model.Marker;
23. import com.google.android.gms.maps.model.MarkerOptions;
25. public class MapsActivity extends FragmentActivity implements OnMapReadyCallback, LocationListener {
27.     private GoogleMap mMap;
28.     private LocationManager mLocationManager = null;
29.     private String provider = null;
30.     private Marker mCurrentPosition = null;
32.     @Override
33.     protected void onCreate(Bundle savedInstanceState) {
34.         super.onCreate(savedInstanceState);
35.         setContentView(R.layout.activity_maps);
36.         // Obtain the SupportMapFragment and get notified when the map is ready to be used.
37.         SupportMapFragment mapFragment = (SupportMapFragment)getSupportFragmentManager()
38.                 .findFragmentById(R.id.map);
39.         mapFragment.getMapAsync(this);
40.     }
42.     @Override
43.     public void onMapReady(GoogleMap googleMap) {
44.         mMap = googleMap;
45.         mMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);
47.         if (isProviderAvailable() && (provider != null)) {
48.             locateCurrentPosition();
49.         }
50.     }
52.     private void locateCurrentPosition() {
54.         int status =getPackageManager().checkPermission(Manifest.permission.ACCESS_COARSE_LOCATION,
55.                 getPackageName());
57.         if (status == PackageManager.PERMISSION_GRANTED) {
58.             Location location = mLocationManager.getLastKnownLocation(provider);
59.             updateWithNewLocation(location);
60.             //  mLocationManager.addGpsStatusListener(this);
61.             long minTime = 5000;// ms
62.             float minDist = 5.0f;// meter
63.             mLocationManager.requestLocationUpdates(provider, minTime, minDist,
64.                     this);
65.         }
66.     }
69.     private boolean isProviderAvailable() {
70.         mLocationManager = (LocationManager) getSystemService(
71.                 Context.LOCATION_SERVICE);
72.         Criteria criteria = new Criteria();
73.         criteria.setAccuracy(Criteria.ACCURACY_COARSE);
74.         criteria.setAltitudeRequired(false);
75.         criteria.setBearingRequired(false);
76.         criteria.setCostAllowed(true);
77.         criteria.setPowerRequirement(Criteria.POWER_LOW);
79.         provider = mLocationManager.getBestProvider(criteria, true);
80.         if (mLocationManager
81.                 .isProviderEnabled(LocationManager.NETWORK_PROVIDER)) {
82.             provider = LocationManager.NETWORK_PROVIDER;
84.             return true;
85.         }
87.         if (mLocationManager.isProviderEnabled(LocationManager.GPS_PROVIDER)) {
88.             provider = LocationManager.GPS_PROVIDER;
89.             return true;
90.         }
92.         if (provider != null) {
93.             return true;
94.         }
95.         return false;
96.     }
98.     private void updateWithNewLocation(Location location) {
100.         if (location != null && provider != null) {
101.             double lng = location.getLongitude();
102.             double lat = location.getLatitude();
104.             addBoundaryToCurrentPosition(lat, lng);
106.             CameraPosition camPosition = new CameraPosition.Builder()
107.                     .target(new LatLng(lat, lng)).zoom(10f).build();
109.             if (mMap != null)
110.                 mMap.animateCamera(CameraUpdateFactory
112.                         .newCameraPosition(camPosition));
113.         } else {
114.             Log.d("Location error", "Something went wrong");
115.         }
116.     }
119.     private void addBoundaryToCurrentPosition(double lat, double lang) {
121.         MarkerOptions mMarkerOptions = new MarkerOptions();
122.         mMarkerOptions.position(new LatLng(lat, lang));
123.         mMarkerOptions.icon(BitmapDescriptorFactory
124.                 .fromResource(R.drawable.marker));
125.         mMarkerOptions.anchor(0.5f, 0.5f);
127.         CircleOptions mOptions = new CircleOptions()
128.                 .center(new LatLng(lat, lang)).radius(10000)
129.                 .strokeColor(0x110000FF).strokeWidth(1).fillColor(0x110000FF);
130.         mMap.addCircle(mOptions);
131.         if (mCurrentPosition != null)
132.             mCurrentPosition.remove();
133.         mCurrentPosition = mMap.addMarker(mMarkerOptions);
134.     }
137.     @Override
138.     public void onLocationChanged(Location location) {
140.         updateWithNewLocation(location);
141.     }
143.     @Override
144.     public void onProviderDisabled(String provider) {
146.         updateWithNewLocation(null);
147.     }
149.     @Override
150.     public void onProviderEnabled(String provider) {
152.     }
154.     @Override
155.     public void onStatusChanged(String provider, int status, Bundle extras) {
156.         switch (status) {
157.             case LocationProvider.OUT_OF_SERVICE:
158.                 break;
159.             case LocationProvider.TEMPORARILY_UNAVAILABLE:
160.                 break;
161.             case LocationProvider.AVAILABLE:
162.                 break;
163.         }
164.     }
165. }

(i) Pada bagian  .fromResource(R.drawable.marker)); jika erorr bewarna merah pastikan kalian sudah menyiapkan marker lalu simpan di lokasi resource>drawable>marker.png

seperti pada gambar dibawah :

Lokasi Marker 

4. Menjalankan Aplikasi

Setelah semua selesai dibuat mari kita coba uji coba Aplikasinya

Dengan cara menjalankan Aplikasinya di Android Studio

Hasilnya kurang lebih akan tampak seperti ini :

Hasil Tampilan  Lokasi Sekitar User Google Maps