Android - Google Maps

Android nous permet d'intégrer google maps dans notre application. Vous pouvez afficher n'importe quel emplacement sur la carte, ou pouvez afficher différents itinéraires sur la carte, etc. Vous pouvez également personnaliser la carte en fonction de vos choix.

Google Map - Fichier de mise en page

Vous devez maintenant ajouter le fragment de carte dans le fichier de mise en page xml. Sa syntaxe est donnée ci-dessous -

<fragment
   android:id="@+id/map"
   android:name="com.google.android.gms.maps.MapFragment"
   android:layout_width="match_parent"
   android:layout_height="match_parent"/>

Google Map - Fichier AndroidManifest

La prochaine chose que vous devez faire est d'ajouter des autorisations avec la clé API Google Map dans le fichier AndroidManifest.XML. Sa syntaxe est donnée ci-dessous -

<!--Permissions-->

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="com.google.android.providers.gsf.permission.
   READ_GSERVICES" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

<!--Google MAP API key-->

<meta-data
   android:name="com.google.android.maps.v2.API_KEY"
   android:value="AIzaSyDKymeBXNeiFWY5jRUejv6zItpmr2MVyQ0" />

Personnalisation de Google Map

Vous pouvez facilement personnaliser google map à partir de sa vue par défaut et la modifier en fonction de votre demande.

Ajouter un marqueur

Vous pouvez placer un créateur avec du texte dessus affichant votre emplacement sur la carte. Cela peut être fait viaaddMarker()méthode. Sa syntaxe est donnée ci-dessous -

final LatLng TutorialsPoint = new LatLng(21 , 57);
Marker TP = googleMap.addMarker(new MarkerOptions()
   .position(TutorialsPoint).title("TutorialsPoint"));

Changer le type de carte

Vous pouvez également modifier le type de MAP. Il existe quatre types de carte différents et chacun donne une vue différente de la carte. Ces types sont Normal, Hybride, Satellite et Terrain. Vous pouvez les utiliser comme ci-dessous

googleMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);
googleMap.setMapType(GoogleMap.MAP_TYPE_HYBRID);
googleMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);
googleMap.setMapType(GoogleMap.MAP_TYPE_TERRAIN);

Activer / désactiver le zoom

Vous pouvez également activer ou désactiver les gestes de zoom sur la carte en appelant le setZoomControlsEnabled(boolean)méthode. Sa syntaxe est donnée ci-dessous -

googleMap.getUiSettings().setZoomGesturesEnabled(true);

En plus de ces personnalisations, il existe d'autres méthodes disponibles dans la classe GoogleMap, qui vous aident à personnaliser davantage la carte. Ils sont listés ci-dessous -

Sr. Non Méthode et description
1

addCircle(CircleOptions options)

Cette méthode ajoute un cercle à la carte
2

addPolygon(PolygonOptions options)

Cette méthode ajoute un polygone à la carte
3

addTileOverlay(TileOverlayOptions options)

Cette méthode ajoute une superposition de tuiles à la carte
4

animateCamera(CameraUpdate update)

Cette méthode Déplace la carte en fonction de la mise à jour avec une animation
5

clear()

Cette méthode supprime tout de la carte.
6

getMyLocation()

Cette méthode renvoie l'emplacement de l'utilisateur actuellement affiché.
sept

moveCamera(CameraUpdate update)

Cette méthode repositionne la caméra selon les instructions définies dans la mise à jour
8

setTrafficEnabled(boolean enabled)

Cette méthode Active ou désactive la couche de trafic.
9

snapshot(GoogleMap.SnapshotReadyCallback callback)

Cette méthode prend un instantané de la carte

dix

stopAnimation()

Cette méthode arrête l'animation de la caméra s'il y en a une en cours

Exemple

Voici un exemple illustrant l'utilisation de la classe GoogleMap. Il crée une application M de base qui vous permet de naviguer sur la carte.

Pour expérimenter cet exemple, vous pouvez l'exécuter sur un appareil réel ou dans un émulateur.

Créez un projet avec l'activité de Google Maps comme indiqué ci-dessous -

Il ouvrira l'écran suivant et copiera l'URL de la console pour la clé API comme indiqué ci-dessous -

Copiez-le et collez-le dans votre navigateur. Cela donnera l'écran suivant -

Cliquez sur continuer et cliquez sur Créer une clé API, puis l'écran suivant apparaîtra

Voici le contenu de activity_main.xml.

<fragment xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:map="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:id="@+id/map"
   android:name="com.google.android.gms.maps.SupportMapFragment"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context="com.example.tutorialspoint7.myapplication.MapsActivity" />

Voici le contenu de MapActivity.java.

Dans le code ci-dessous, nous avons donné des exemples de détails de latitude et de longitude 
package com.example.tutorialspoint7.myapplication;

import android.support.v4.app.FragmentActivity;
import android.os.Bundle;

import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.OnMapReadyCallback;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MarkerOptions;

public class MapsActivity extends FragmentActivity implements OnMapReadyCallback {

   private GoogleMap mMap;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_maps);
      // Obtain the SupportMapFragment and get notified when the map is ready to be used.
      SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
         .findFragmentById(R.id.map);
      mapFragment.getMapAsync(this);
   }
   
   /**
      * Manipulates the map once available.
      * This callback is triggered when the map is ready to be used.
      * This is where we can add markers or lines, add listeners or move the camera.
      * In this case, we just add a marker near Sydney, Australia.
      * If Google Play services is not installed on the device. 
      * This method will only be triggered once the user has installed 
         Google Play services and returned to the app.
   */
  
   @Override
   public void onMapReady(GoogleMap googleMap) {
      mMap = googleMap;
      // Add a marker in Sydney and move the camera
      LatLng TutorialsPoint = new LatLng(21, 57);
      mMap.addMarker(new 
         MarkerOptions().position(TutorialsPoint).title("Tutorialspoint.com"));
      mMap.moveCamera(CameraUpdateFactory.newLatLng(TutorialsPoint));
   }
}

Voici le contenu de AndroidManifest.xml fichier.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.tutorialspoint7.myapplication">

   <!--
      The ACCESS_COARSE/FINE_LOCATION permissions are not required to use
      Google Maps Android API v2, but you must specify either coarse or fine
      location permissions for the 'MyLocation' functionality. 
   -->
    
   <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
   <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
   <uses-permission android:name="android.permission.INTERNET" />
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">

      <!--
         The API key for Google Maps-based APIs is defined as a string resource.
         (See the file "res/values/google_maps_api.xml").
         Note that the API key is linked to the encryption key used to sign the APK.
         You need a different API key for each encryption key, including the release key 
         that is used to sign the APK for publishing.
         You can define the keys for the debug and 
            release targets in src/debug/ and src/release/. 
      -->
      
      <meta-data
         android:name="com.google.android.geo.API_KEY"
         android:value="AIzaSyAXhBdyKxUo_cb-EkSgWJQTdqR0QjLcqes" />

      <activity
         android:name=".MapsActivity"
         android:label="@string/title_activity_maps">
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>

</manifest>

La sortie devrait être comme ça -