Comment afficher la carte à l'aide de l'API Google Map (Android)

Aperçu

J'ai eu la chance de l'utiliser dans le développement de ma propre application Android, alors prenez-en note. Il peut être utilisé lorsque vous souhaitez intégrer Google Map dans le cadre de l'application.

Préparation préalable

Vous devez être connecté avec votre compte Google ★ Comment créer un compte Google

Installez les services Google Play

Installez les services Google Play depuis AndroidStudio> Outil> Gestionnaire de SDK

Associez les services Google Play à votre projet

・ Implémentez les services Google Play dans build.gradle

build.gradle

dependencies {
    ...
    implementation 'com.google.android.gms:play-services:+'
}

Ajouter des méta-données au manifeste Android

Ajoutez ce qui suit après «</ activity>» et entre «</ application>»

AndroidManifest.xml

<meta-data
    android:name="com.google.android.gms.version"
    android:value="@integer/google_play_services_version" />

Obtenez la clé d'API Google Map

Génération de clés

1. Activez le SDK Maps pour Android à partir de la bibliothèque d'API

2. Créez un projet à partir de Dashboard Nom du projet: n'importe quel nom Emplacement: s'il s'agit d'une application personnalisée, "aucune organisation" n'est acceptable

3. Après cela, créez les informations d'identification dans le projet créé ・ Sélectionnez la clé API sur cet écran

4. Touches de limite ・ À ce stade, votre clé API est créée

Nom: n'importe quel nom Limites de l'application: sélectionnez l'application Android <Nouvel élément> Nom du package: saisissez le nom du package de l'application cible SHA-1: ★ Je vous expliquerai plus tard ★

5. Confirmation de SHA-1 Ouvrez un terminal sur votre Mac et exécutez la commande suivante

• Ne peut être exécuté que si JAVA JDK est installé. Installons en fonction de l'erreur.

Terminal

keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android

・ Résultat de l'exécution (exemple)

Terminal

SHA1: 0R:B9:4Z:33:22:33:AA:BB:CC:55:66:77:GG:88:77:12:34:AB:CD:PP

Il y a une empreinte digitale SHA-1 dans la partie qui est affichée comme "Zura". Sélectionnez la partie "0R: B9: 4Z: 33: 22: 33: AA: BB: CC: 55: 66: 77: GG: 88: 77: 12: 34: AB: CD: PP" Collez-le sur SHA-1 à l'étape 4 et appuyez sur le bouton Terminer pour l'enregistrer.

Après l'enregistrement, vérifiez la clé API. (Je l'utiliserai plus tard)

Ajouter des ressources

Créez et ajoutez google_map_api.xml aux valeurs res>

google_map_api.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="google_maps_key" templateMergeStrategy="preserve" translatable="false">API Key</string>
</resources>

★ La clé API est celle obtenue à l'étape 5 (la partie écrite ici)

Ajouter une autorisation

Décrivez ce qui suit dans ` '' (permission de Parmission)

AndroidManifest.xm

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

Rendre OpenGL ES disponible

Ajouter également au manifeste Android (même emplacement que Parmission)

AndroidManifest.xm

    <uses-feature
        android:glEsVersion="0x00020000"
        android:required="true"/>

Ajout de méta-données

Ajoutez-le sous les méta-données ajoutées au début

AndroidManifest.xm

        </activity>
        <meta-data
            android:name="com.google.android.gms.version"
            android:value="@integer/google_play_services_version" />
        <meta-data
            android:name="com.google.android.geo.API_KEY"
            android:value="@string/google_maps_key"/>
</application>

la mise en oeuvre

Créé en supposant qu'il sera intégré dans une application existante.

MapActivity.java

MapActivity.java

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 MapActivity extends FragmentActivity implements OnMapReadyCallback {

    private GoogleMap mMap;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_map);
        SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
                .findFragmentById(R.id.map);
        mapFragment.getMapAsync(this);
    }

    @Override
    public void onMapReady(GoogleMap googleMap) {
        mMap = googleMap;

        // Add a marker in Sydney, Australia, and move the camera.
        LatLng sydney = new LatLng(-34, 151);
        mMap.addMarker(new MarkerOptions().position(sydney).title("Marker in Sydney"));
        mMap.moveCamera(CameraUpdateFactory.newLatLng(sydney));
    }
}

activity_map.xml

activity_map.xml

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

Résultat d'exécution