So zeigen Sie eine Karte mit der Google Map API (Android) an

Überblick

Ich hatte die Möglichkeit, es für die Entwicklung meiner eigenen Android-Anwendung zu verwenden. Notieren Sie es sich also. Es kann verwendet werden, wenn Sie Google Map als Teil der App einbetten möchten.

Vorbereitungen

Sie müssen mit Ihrem Google-Konto angemeldet sein ★ So erstellen Sie ein Google-Konto

Installieren Sie die Google Play-Dienste

Installieren Sie die Google Play-Dienste über AndroidStudio> Tool> SDK Manager スクリーンショット 2019-04-28 21.53.24.png

Verknüpfen Sie Google Play-Dienste mit Ihrem Projekt

・ Implementieren Sie Google Play-Dienste in build.gradle

build.gradle


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

Hinzufügen von Metadaten zum Android Manifest

Fügen Sie nach "</ activity>" und zwischen "</ application>" Folgendes hinzu

AndroidManifest.xml


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

Holen Sie sich den Google Map API-Schlüssel

Schlüsselgenerierung

  1. Aktivieren Sie das Maps SDK für Android über API Library. スクリーンショット 2019-04-28 22.19.29.png

  2. Erstellen Sie ein Projekt über Dashboard. Projektname: Beliebiger Name Speicherort: Wenn es sich um eine selbst erstellte Anwendung handelt, ist "keine Organisation" in Ordnung スクリーンショット 2019-04-28 22.23.59.png

  3. Erstellen Sie anschließend Anmeldeinformationen im erstellten Projekt ・ Wählen Sie auf diesem Bildschirm den API-Schlüssel aus スクリーンショット 2019-04-28 22.28.02.png

  4. Begrenzen Sie die Tasten ・ Zu diesem Zeitpunkt wird Ihr API-Schlüssel erstellt スクリーンショット 2019-04-28 22.31.59.png

Name: ein beliebiger Name Anwendungsbeschränkungen: Wählen Sie Android App Paketname: Geben Sie den Paketnamen der Zielanwendung ein SHA-1: ★ Ich werde es später erklären ★ スクリーンショット 2019-04-28 22.34.35.png

  1. Bestätigung von SHA-1 Öffnen Sie ein Terminal auf Ihrem Mac und führen Sie den folgenden Befehl aus

Terminal


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

・ Ausführungsergebnis (Beispiel)

Terminal


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

In dem Teil, der als "Zura" angezeigt wird, befindet sich ein SHA-1-Fingerabdruck. Wählen Sie den Teil "0R: B9: 4Z: 33: 22: 33: AA: BB: CC: 55: 66: 77: GG: 88: 77: 12: 34: AB: CD: PP". Fügen Sie es in Schritt 4 in SHA-1 ein und klicken Sie auf die Schaltfläche Fertig stellen, um es zu speichern.

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

Überprüfen Sie nach dem Speichern den API-Schlüssel. (Ich werde es später verwenden) スクリーンショット 2019-04-28 23.00.08.png

Ressourcen hinzufügen

Erstellen Sie google_map_api.xml und fügen Sie res> values hinzu

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>

★ API-Schlüssel ist der in Schritt 5 erhaltene (der hier geschriebene Teil)

Berechtigung hinzufügen

Beschreiben Sie Folgendes in "" (Erlaubnis von 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" />

Aktivieren Sie OpenGL ES

Fügen Sie auch zum Android-Manifest hinzu (gleicher Speicherort wie Parmission)

AndroidManifest.xm


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

Metadaten hinzugefügt

Fügen Sie es unter den zu Beginn hinzugefügten Metadaten hinzu

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>

Implementierung

Erstellt unter der Annahme, dass es in eine vorhandene Anwendung integriert wird.

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" />

Ausführungsergebnis

Screenshot_20190428-233343.jpg

Recommended Posts

So zeigen Sie eine Karte mit der Google Map API (Android) an
[Rails] So zeigen Sie Google Map an
[Rails] google maps api So posten und anzeigen Sie einschließlich Karteninformationen
Analysieren mit Google Colaboratory mithilfe der Kaggle-API
[Rails] So berechnen Sie Breiten- und Längengrade mit hoher Genauigkeit mithilfe der Geocoding-API und zeigen sie auf Google Map an
So verwenden Sie Map in ViewPager von Android
So zeigen Sie Formeln in Latex an, wenn Sie sympy (> = 1.4) in Google Colaboratory verwenden
Verwendung der Google Cloud Translation API
So erhalten Sie Artikeldaten mithilfe der Qiita-API
So zeigen Sie Videos in Google Colab inline an
[Rails] So erhalten Sie Standortinformationen mithilfe der Geolocation-API
PUSH-Benachrichtigung von Python an Android mithilfe der Google-API
So verwenden Sie Google Colaboratory
[Schienen] So zeigen Sie mehrere Markierungen auf Google Map an und zeigen beim Klicken eine Sprechblase an
[Für Anfänger] Anzeigen von Karten und Suchfeldern mithilfe der GoogleMap Javascript-API
Zurücksetzen des Passworts über die API mit dem Django Rest Framework
So verbergen Sie den Google Maps-API-Schlüssel vor HTML
Zeigen Sie die mit Rails gem'geocoder 'eingegebene Adresse in Google Map an
Versuchen Sie, Lebensmittelfotos mithilfe der Google Cloud Vision-API zu beurteilen
So installieren Sie Python mit Anaconda
Zeigen Sie mehrere Markierungen auf Google Map an
[Python3] Google übersetzt Google Übersetzung ohne Verwendung von API
[Memo] Verwendung von Google MµG
Verwendung der Python-API von OpenPose
Wie benutzt man Bing Search API?
Lassen Sie uns die Karte mit der Grundkarte anzeigen
[Python] Verwendung der Typetalk-API
Einführung der Google Map API mit Schienen
So erhalten Sie mithilfe der Mastodon-API Follower und Follower von Python
Versuchen Sie, Google Map und Geography Map mit Python anzuzeigen
[Ruby on Rails] Anzeigen und Fixieren von GoolgeMAP mithilfe der Google-API
[Kartenanzeige] Zeigen Sie eine Karte anhand der vom Benutzer registrierten Adresse mit der JavaScript-API und der Geokodierungs-API von Google Maps an!
So zeigen Sie den Fortschrittsbalken an (tqdm)
So unterdrücken Sie Anzeigefehler in matplotlib
[Rails] Einführung in Google Analytics [Easy]
[Memo] Verwendung von BeautifulSoup4 (1) HTML anzeigen
[Python] So zeigen Sie Zufallszahlen an (Zufallsmodul)
So zeichnen Sie ein Diagramm mit Matplotlib
Massenposting an Qiita: Team mit Qiita API
So aktualisieren Sie Google Sheets von Python
So richten Sie SVM mit Optuna ein
Umgang mit OAuth2-Fehlern bei Verwendung von Google APIs aus Python
Verwendung von Google Test in C-Sprache
So installieren Sie ein Paket mithilfe eines Repositorys
So stellen Sie xg boost mit Optuna ein
So verwenden Sie Google Assistant unter Windows 10
Sprachtranskriptionsverfahren mit der Google Cloud Speech API
So zeigen Sie die neunundneunzig Tabelle in Python an
So zeigen Sie Piktogramme unter Manjaro Linux an
So suchen Sie in Google Colaboratory nach Google Drive
So zeigen Sie Python-Japanisch mit Lolipop an
[Android] Zeigen Sie Bilder im Web im infoWindow von Google Map an
So erhalten Sie mithilfe der API von Virus Total einen Beispielbericht aus einem Hashwert
So laden Sie YouTube-Videos mit pytube3 herunter
Bildersammlung mit der benutzerdefinierten Such-API von Google
Verwendung der Cloud Vision API von GCP
Wie erstelle ich eine Pelican Site Map?
[Rails] Erkennen radikaler Bilder durch Analysieren von Bildern mithilfe der Cloud Vision API
Erstellen einer Google-Tabelle mit der Python / Google Data-API
So zeigen Sie Hello World in Python an