this session will discuss how to use google maps API v2 , GPS and location APIs

1. ANDROID
DEVELOPMENT
SESSION 6 – GOOGLE MAPS V2, GPS LOCATION
AHMED EZZ EL - DIN
facebook.com/ahmed.e.hassan
1

2. SESSION CONTENT
• Downloading Google Play Services
• Google Maps API key
• Placing a Marker
• Changing Marker Color
• Custom Marker Icon
• Moving camera to location with animation
• Changing Map Type
• Current Location
• Zooming Buttons and Functionality
• Compass Functionality
• My Location Button
• Map Rotate Gesture
facebook.com/ahmed.e.hassan
2

3. INTRODUCTION
facebook.com/ahmed.e.hassan
3
Google Maps v1 not working anymore, welcome V2.
Before starting a new project, we need to go through some pre required steps.
• Downloading Google Play Services
• Getting the Google Maps API key

4. DOWNLOADING GOOGLE
PLAY SERVICES
facebook.com/ahmed.e.hassan
4

5. DOWNLOADING GOOGLE
PLAY SERVICES
facebook.com/ahmed.e.hassan
5
Add google maps dependencies to your project:
Open your Project using ‘Android Studio’ -> Gradle Scripts -> build.gradle
(Module:app): and Add the Following:
http://gradleplease.appspot.com/
To Know the latest from Google Play Services:

6. facebook.com/ahmed.e.hassan
6
GOOGLE MAPS API KEY
we need to generate SHA-1 fingerprint using java keytool. Open your
terminal and execute the following command to generate SHA-1 fingerprint.
On Windows
keytool -list -v -keystore "%USERPROFILE%.androiddebug.keystore" -alias
androiddebugkey -storepass android -keypass android
On Linux or Mac OS
keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass
android -keypass android

7. facebook.com/ahmed.e.hassan
7
GOOGLE MAPS API KEY

8. facebook.com/ahmed.e.hassan
8
GOOGLE MAPS API KEY
Now open Google API Console-> https://console.developers.google.com/

9. facebook.com/ahmed.e.hassan
9
GOOGLE MAPS API KEY

10. facebook.com/ahmed.e.hassan
10
GOOGLE MAPS API KEY

11. facebook.com/ahmed.e.hassan
11
PLACING MARKER
You can place a marker on the map by using following code.
// latitude and longitude
double latitude = ;
double longitude = ;
// create marker
MarkerOptions marker = new MarkerOptions().position(new LatLng(latitude, longitude)).title("Hello Maps
");
// adding marker
googleMap.addMarker(marker);

12. facebook.com/ahmed.e.hassan
12
CHANGING MARKER
COLOR
By default map marker color will be RED. Google maps provides some set of
predefined colored icons for the marker.
// ROSE color icon
marker.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_ROSE));
// GREEN color icon
marker.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_GREEN))
;

13. facebook.com/ahmed.e.hassan
13
CHANGING MARKER
COLOR

14. facebook.com/ahmed.e.hassan
14
CUSTOM MARKER ICON
Apart from maps native marker icons, you can use own image to show as a marker.
You can load the icon from any kind of supported sources.
fromAsset(String assetName) – Loading from assets folder
fromBitmap (Bitmap image) – Loading bitmap image
fromFile (String path) – Loading from file
fromResource (int resourceId) – Loading from drawable resource
// Changing marker icon
marker.icon(BitmapDescriptorFactory.fromResource(R.drawable.my_marker_icon)));

15. facebook.com/ahmed.e.hassan
15
MOVING CAMERA TO LOCATION
WITH ANIMATION
You may want to move camera to a particular position. Google maps provides
set of functions to achieve this.
CameraPosition cameraPosition = new CameraPosition.Builder().target(
new LatLng(17.385044, 78.486671)).zoom(12).build();
googleMap.animateCamera(CameraUpdateFactory.newCameraPosition(cameraPosition));

16. facebook.com/ahmed.e.hassan
16
CHANGING MAP TYPE
Google provides 4 kinds of map types Normal, Hybrid, Satellite and Terrain. You
can toggle to any kind of map using googleMap.setMapType() method.

17. facebook.com/ahmed.e.hassan
17
CHANGING MAP TYPE
googleMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);
googleMap.setMapType(GoogleMap.MAP_TYPE_HYBRID);
googleMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);
googleMap.setMapType(GoogleMap.MAP_TYPE_TERRAIN);
googleMap.setMapType(GoogleMap.MAP_TYPE_NONE);

18. facebook.com/ahmed.e.hassan
18
SHOWING CURRENT LOCATION
You can show user’s current location on the map by calling
setMyLocationEnabled(). Pass true / false to enable or disable this feature
googleMap.setMyLocationEnabled(true); // false to disable

19. facebook.com/ahmed.e.hassan
19
ZOOMING BUTTON
You can disable zooming gesture functionality by calling
setZoomGesturesEnabled()
googleMap.getUiSettings().setZoomGesturesEnabled(false);

20. facebook.com/ahmed.e.hassan
20
COMPASS FUNCTIONALITY
Compass can be disabled by calling setCompassEnabled() function
googleMap.getUiSettings().setCompassEnabled(true);

21. facebook.com/ahmed.e.hassan
21
MY LOCATION BUTTON
My location button will be used to move map to your current location. This button
can be shown / hidden by calling setMyLocationButtonEnabled() function
googleMap.getUiSettings().setMyLocationButtonEnabled(true);

22. facebook.com/ahmed.e.hassan
22
MY ROTATE GESTURE
My rotate gesture can be enabled or disabled by calling
setRotateGesturesEnabled() method
googleMap.getUiSettings().setRotateGesturesEnabled(true);