BTG Web - Bài 50: Tích hơp API Google Map trong lập trình android

BÀI 50 - TÍCH HỢP GOOGLE MAP TRONG LẬP TRÌNH ANDROID

Đầu tiên, trong Android Studio: Tools >> SDK Manager >> SDK Tools >> tick vào Google Play services

Tiếp theo làm như bên dưới nè. Đây là cách để lấy API mà Google cung cấp cho dự án của bạn
Truy cập vào Google Cloude Platform >> truy cập vào API Library

Tại tab API Library, tiến hành các bước như bên dưới để tạo API Key Map cho ứng dụng

Mở Gradle Scripts/build.gradle (Module:app) và thêm đoạn code sau vào trong dependencies, sau đó chọn “Sync Now“

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

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

<meta-data

android:name="com.google.android.maps.v2.API_KEY"

android:value="Nhập API key mà bạn đã tạo trước đó" />

Trong file xml mà muốn show giao diện Map. Thêm fragment bên dưới vào trong thẻ chính của xml

<fragment

android:id="@+id/map"

android:layout_width="match_parent"

android:layout_height="match_parent"

class="com.google.android.gms.maps.SupportMapFragment" />

Mở app/java/advanced.android/MainActivity.java cài đặt interface OnMapReadyCallback, tham chiếu SupportMapFragment, thiết lập LatLng là TP.HCM và CameraPosition. Bên dưới là full code của MainActivity.java

private void createMap() {

SupportMapFragment smf = (SupportMapFragment) getSupportFragmentManager()

.findFragmentById(R.id.map);

smf.getMapAsync(this);

}

@Override

protected void onResume() {

super.onResume();

createMap();

}

@Override

public void onMapReady(GoogleMap googleMap) {

LatLng hcm = new LatLng(10.762622, 106.660172);

gm = googleMap;

gm.addMarker(new MarkerOptions().position(hcm).title("Marker in HCM City"));

CameraPosition cp = new CameraPosition.Builder().target(hcm).zoom(13).build();

gm.animateCamera(CameraUpdateFactory.newCameraPosition(cp));

}

Trang trước

Trở về

Trang sau