[JAVA] 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 スクリーンショット 2019-04-28 21.53.24.png

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 スクリーンショット 2019-04-28 22.19.29.png

  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 スクリーンショット 2019-04-28 22.23.59.png

  3. Après cela, créez les informations d'identification dans le projet créé ・ Sélectionnez la clé API sur cet écran スクリーンショット 2019-04-28 22.28.02.png

  4. Touches de limite ・ À ce stade, votre clé API est créée スクリーンショット 2019-04-28 22.31.59.png

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 ★ スクリーンショット 2019-04-28 22.34.35.png

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

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.

スクリーンショット 2019-04-28 22.58.10.png

Après l'enregistrement, vérifiez la clé API. (Je l'utiliserai plus tard) スクリーンショット 2019-04-28 23.00.08.png

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

Screenshot_20190428-233343.jpg

Recommended Posts

Comment afficher la carte à l'aide de l'API Google Map (Android)
[Rails] Comment afficher Google Map
[Rails] google maps api Comment publier et afficher des informations cartographiques
Comment analyser avec Google Colaboratory à l'aide de l'API Kaggle
[Rails] Comment calculer la latitude et la longitude avec une grande précision à l'aide de l'API Geocoding et l'afficher sur Google Map
Comment utiliser Map dans ViewPager d'Android
Comment afficher des formules en latex lors de l'utilisation de Sympy (> = 1.4) dans Google Colaboratory
Comment utiliser l'API Google Cloud Translation
Comment obtenir des données d'article à l'aide de l'API Qiita
Comment afficher des vidéos en ligne dans Google Colab
[Rails] Comment obtenir des informations de localisation à l'aide de l'API de géolocalisation
Notification PUSH de Python vers Android à l'aide de l'API de Google
Comment utiliser Google Colaboratory
[Rails] Comment afficher plusieurs marqueurs sur Google Map et afficher une bulle lorsque vous cliquez dessus
[Pour les débutants] Comment afficher des cartes et des champs de recherche à l'aide de l'API Javascript GoogleMap
Comment réinitialiser le mot de passe via l'API à l'aide du framework Rest Django
Comment masquer la clé API Google Maps du HTML
Afficher l'adresse saisie à l'aide de Rails gem'geocoder 'sur Google Map
Essayez de juger des photos de plats à l'aide de l'API Google Cloud Vision
Comment installer Python à l'aide d'Anaconda
Afficher plusieurs marqueurs sur Google Map
[Python3] Google translate google translation sans utiliser l'API
[Mémo] Comment utiliser Google MµG
Comment utiliser l'API Python d'OpenPose
Comment utiliser l'API Bing Search
Affichons la carte en utilisant Basemap
[Python] Comment utiliser l'API Typetalk
Présentation de l'API Google Map avec rails
Comment obtenir des abonnés et des abonnés de Python à l'aide de l'API Mastodon
Essayez d'afficher la carte google et la carte géographique avec python
[Ruby on Rails] Affichage et épinglage de GoolgeMAP à l'aide de l'API Google
[Affichage de la carte] Affichez une carte à partir de l'adresse enregistrée par l'utilisateur à l'aide de l'API JavaScript de Google Maps et de l'API de géocodage!
Comment afficher la barre de progression (tqdm)
Comment supprimer l'erreur d'affichage dans matplotlib
[Rails] Comment présenter Google Analytics [Facile]
[Mémo] Comment utiliser BeautifulSoup4 (1) Afficher html
[Python] Comment afficher des nombres aléatoires (module aléatoire)
Comment dessiner un graphique avec Matplotlib
Publication groupée sur Qiita: équipe utilisant l'API Qiita
Comment mettre à jour Google Sheets à partir de Python
Comment configurer SVM à l'aide d'Optuna
Comment gérer l'erreur OAuth2 lors de l'utilisation des API Google à partir de Python
Comment utiliser Google Test en langage C
Comment installer un package à l'aide d'un référentiel
Comment configurer XG Boost à l'aide d'Optuna
Comment utiliser l'Assistant Google sur Windows 10
Procédure de transcription vocale à l'aide de l'API Google Cloud Speech
Comment afficher la table quatre-vingt-dix-neuf en python
Comment afficher des pictogrammes sur Manjaro Linux
Comment rechercher Google Drive dans Google Colaboratory
Comment afficher le japonais python avec lolipop
[Android] Afficher des images sur le Web dans la fenêtre info de Google Map
Comment obtenir un exemple de rapport à partir d'une valeur de hachage à l'aide de l'API de Virus Total
Comment télécharger des vidéos YouTube à l'aide de pytube3
Collection d'images à l'aide de l'API Google Custom Search
Comment utiliser l'API Cloud Vision de GCP
Comment créer un plan de site Pelican
[Rails] Comment détecter des images radicales en analysant des images à l'aide de l'API Cloud Vision
Créer une feuille de calcul Google à l'aide de l'API Python / Google Data
Comment afficher Hello World en python