Die Anleitung zu Google Maps Android API

Google Map API registrieren
Das Beispiel über Google Map

1. Google Map API registrieren

Ihre Applikation hat die Element die Lankarte. Und die Daten der Landkarte liegt in dem Datenzentrum von Goole. Deshalb ruft Ihre Applikation ständig die Landkartendaten durch eine Dienstleistung ab

Obwohl ist das Landkartendatum der Google umsonst aber die Abrufung ist nicht willkürlich. Sie brauchen ein API Key, die so gleich wie ein Empfehlungsschreiben (Credentials) zum Zugang der Landkartendatum ist

Sie brauchen ein Google Map API Key registrieren. Das ist ganz frei. Sie können bei... lesen

Registrieren Sie Google Map API Key

2. Das Beispiel über Google Map

Android Studio unterstützt Sie bei der Erstellung eines Projekt mit Google Map sehr einfach und schnell

Allerdings erstelle ich ein Projekt und dann das Objekt Google Map in der Bildschirm ziehen und ablegen. Es ist vielleicht besser, wenn Sie alle Dinge gut verstehen. OK, auf Android Studio erstelle ich ein Projekt mit dem Name von MyGoogleMap.

Name: MyGoogleMap
Package name: org.o7planning.mygooglemap

Ein leeres Projekt wurde erstellt

<!-- Add to AndroidManifest.xml -->

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

Google Map API Key

GoogleMap auf Android benutzt eine Dienstleistung um die Landkartendatum aus Goolge zu nehmen und sie anzuzeigen. Oben haben Sie ein Google Map API Key registriert. Sie sollen diesen Key in AndroidManifest.xml.melden

<meta-data
        android:name="com.google.android.geo.API_KEY"
        android:value="YOUR_API_KEY"/>

Registrieren Sie Google Map API Key

AndroidManifest.xml

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


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

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">

        <meta-data
            android:name="com.google.android.geo.API_KEY"
            android:value="YOUR_API_KEY" />

        
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Next, you need to add the Google Map library to your project. On Android Studio select:

File > Project Structure..

Search library with the keyword: "com.google.android.gms".

com.google.android.gms:play-services-maps

At this time, the library has been added to build.gradle (Module app).

implementation 'com.google.android.gms:play-services-maps:17.0.0'

Nach der Meldung der abhängigen Bibliothek sollen Sie das ganze Projekt wieder kompilieren

Map Fragment

MapFragment and SupportMapFragment are 2 fragments provided by the library, they contain GoogleMap, you can use either of these two fragments, or write a class inheriting from either of them.

MyMapFragment.java

package org.o7planning.mygooglemap;

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 MyMapFragment extends SupportMapFragment implements OnMapReadyCallback {

    private GoogleMap googleMap;

    public MyMapFragment()  {
        getMapAsync(this);
    }

    @Override
    public void onMapReady(final GoogleMap gmap) {
        this.googleMap = gmap;

        // Set default position
        // Add a marker in Sydney and move the camera
        LatLng vietnam = new LatLng(14.0583, 108.2772); // 14.0583° N, 108.2772° E
        this.googleMap.addMarker(new MarkerOptions().position(vietnam).title("Marker in Vietnam"));
        this.googleMap.moveCamera(CameraUpdateFactory.newLatLng(vietnam));

        this.googleMap.setOnMapClickListener(new GoogleMap.OnMapClickListener() {
            @Override
            public void onMapClick(LatLng latLng) {
                MarkerOptions markerOptions = new MarkerOptions();
                markerOptions.position(latLng);
                markerOptions.title(latLng.latitude + " : "+ latLng.longitude);
                // Clear previously click position.
                googleMap.clear();
                // Zoom the Marker
                googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(latLng, 10));
                // Add Marker on Map
                googleMap.addMarker(markerOptions);
            }
        });
    }
}

Interface design of the application:

activity_main.xml

Set ID for the components on the interface.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <fragment
        android:id="@+id/fragment_map"
        android:name="org.o7planning.mygooglemap.MyMapFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity.java

package org.o7planning.mygooglemap;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import androidx.fragment.app.FragmentManager;

public class MainActivity extends AppCompatActivity    {

    private MyMapFragment myMapFragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        FragmentManager fragmentManager = this.getSupportFragmentManager();
        this.myMapFragment = (MyMapFragment) fragmentManager.findFragmentById(R.id.fragment_map);

    }

}

Jetzt können Sie die Applikation starten

Anleitungen Android

Anleitungen Flutter

Die Anleitung zu Google Maps Android API

1. Google Map API registrieren

2. Das Beispiel über Google Map

Anleitungen Android

Anleitungen Android

Neueste Artikel