Tạo một ứng dụng Android hiển thị bản đồ bằng cách sử dụng mẫu Chế độ xem Google Maps cho Android Studio. Nếu bạn đã có một dự án Android Studio và muốn thiết lập dự án này, hãy xem phần Thiết lập dự án Android Studio.
Hướng dẫn bắt đầu nhanh này dành cho các nhà phát triển đã quen với việc phát triển Android cơ bản bằng Kotlin hoặc Java.
Giới thiệu về môi trường phát triển
Hướng dẫn bắt đầu nhanh này được phát triển bằng Android Studio Hedgehog và trình bổ trợ Android cho Gradle phiên bản 8.2.
Thiết lập thiết bị Android
Để chạy một ứng dụng sử dụng SDK Maps dành cho Android, bạn phải triển khai ứng dụng đó trên thiết bị Android hoặc trình mô phỏng Android dựa trên Android 5.0 trở lên và bao gồm các API của Google.
- Để sử dụng thiết bị Android, hãy làm theo hướng dẫn trong bài viết Chạy ứng dụng trên thiết bị phần cứng.
- Để sử dụng trình mô phỏng Android, bạn có thể tạo một thiết bị ảo và cài đặt trình mô phỏng bằng cách sử dụng Trình quản lý thiết bị Android ảo (AVD) đi kèm với Android Studio.
Tạo một dự án trên Google Maps trong Android Studio
Quy trình tạo dự án Google Maps trong Android Studio đã thay đổi trong Flamingo và các bản phát hành Android Studio sau này.
Mở Android Studio rồi nhấp vào New Project (Dự án mới) trong cửa sổ Welcome to Android Studio (Chào mừng bạn đến với Android Studio).
Trong cửa sổ New Project (Dự án mới), trong danh mục Phone and Tablet (Điện thoại và máy tính bảng), hãy chọn No Activity (Không có hoạt động) rồi nhấp vào Next (Tiếp theo).
Hoàn tất biểu mẫu Dự án mới:
Đặt Language (Ngôn ngữ) thành Java hoặc Kotlin. Cả hai ngôn ngữ này đều được SDK bản đồ cho Android hỗ trợ đầy đủ. Để tìm hiểu thêm về Kotlin, hãy xem bài viết Phát triển ứng dụng Android bằng Kotlin.
Đặt Minimum SDK (SDK tối thiểu) thành một phiên bản SDK tương thích với thiết bị thử nghiệm. Bạn phải chọn một phiên bản lớn hơn phiên bản tối thiểu mà SDK Maps dành cho Android phiên bản 19.0.x yêu cầu, là API Android cấp 21 ("Lollipop"; Android 5.0) trở lên. Vui lòng xem Ghi chú phát hành để biết thông tin mới nhất về các yêu cầu đối với phiên bản SDK.
Đặt Build configuration language (Ngôn ngữ cấu hình bản dựng) thành Kotlin DSL hoặc Groovy DSL. Đoạn mã của cả hai ngôn ngữ cấu hình bản dựng sẽ xuất hiện trong các quy trình sau.
Nhấp vào Hoàn tất.
Android Studio khởi động Gradle và xây dựng dự án. Quá trình này có thể mất chút thời gian.
Thêm Hoạt động trên Chế độ xem trên Google Maps:
- Nhấp chuột phải vào thư mục
app
trong dự án. Chọn Mới > Google > Hoạt động trên Google Maps Views.
Trong hộp thoại New Android Activity (Hoạt động Android mới), hãy chọn hộp đánh dấu launcher Activity (Hoạt động trình chạy).
Chọn Finish (Hoàn tất).
Để biết thêm thông tin, hãy xem phần Thêm mã từ mẫu
- Nhấp chuột phải vào thư mục
Khi quá trình tạo bản dựng hoàn tất, Android Studio sẽ mở các tệp
AndroidManifest.xml
vàMapsActivity
. Hoạt động của bạn có thể có tên khác, nhưng đó là tên bạn đã định cấu hình trong quá trình thiết lập.
Thiết lập dự án trên Google Cloud
Hoàn thành các bước thiết lập Cloud Console bắt buộc bằng cách nhấp qua các thẻ sau:
Bước 1
Giao diện dòng lệnh
-
Trong Google Cloud Console, trên trang bộ chọn dự án, hãy nhấp vào Tạo dự án để bắt đầu tạo dự án Cloud mới.
-
Đảm bảo rằng bạn đã bật tính năng thanh toán cho dự án trên Google Cloud. Xác nhận rằng tính năng thanh toán đã được bật cho dự án của bạn.
Google Cloud cung cấp ưu đãi dùng thử miễn phí 0 USD. Thời gian dùng thử sẽ hết hạn khi kết thúc 90 ngày hoặc sau khi tài khoản tích luỹ được các khoản phí là 300 USD, tuỳ theo điều kiện nào đến trước. Huỷ bất cứ lúc nào. Nền tảng Google Maps có tín dụng $200 định kỳ hằng tháng. Để biết thêm thông tin, hãy xem bài viết Tín dụng tài khoản thanh toán và Thanh toán.
SDK đám mây
gcloud projects create "PROJECT"
Đọc thêm về Google Cloud SDK , cách cài đặt Cloud SDK và các lệnh sau:
Bước 2
Để sử dụng Nền tảng Google Maps, bạn phải bật các API hoặc SDK mà bạn định sử dụng với dự án của mình.
Giao diện dòng lệnh
SDK đám mây
gcloud services enable \ --project "PROJECT" \ "maps-android-backend.googleapis.com"
Đọc thêm về Google Cloud SDK , cách cài đặt Cloud SDK và các lệnh sau:
Bước 3
Bước này chỉ trải qua quy trình tạo Khoá API. Nếu sử dụng khoá API trong phiên bản phát hành công khai, bạn nên hạn chế khoá API đó. Bạn có thể tìm thêm thông tin trên trang Sử dụng khoá API dành riêng cho sản phẩm.
Khoá API là một giá trị nhận dạng duy nhất giúp xác thực các yêu cầu liên kết với dự án của bạn cho mục đích sử dụng và thanh toán. Bạn phải có ít nhất một khoá API liên kết với dự án của mình.
Cách tạo khoá API:
Giao diện dòng lệnh
-
Truy cập vào trang Nền tảng Google Maps > Thông tin đăng nhập.
-
Trên trang Thông tin xác thực, hãy nhấp vào Tạo thông tin xác thực > Khoá API.
Hộp thoại API key đã được tạo sẽ hiển thị khoá API mới tạo của bạn. -
Nhấp vào Close (Đóng).
Khoá API mới được liệt kê trên trang Thông tin xác thực trong phần Khoá API.
(Hãy nhớ hạn chế khoá API trước khi sử dụng khoá đó cho phiên bản phát hành công khai.)
SDK đám mây
gcloud alpha services api-keys create \ --project "PROJECT" \ --display-name "DISPLAY_NAME"
Đọc thêm về Google Cloud SDK , cách cài đặt Cloud SDK và các lệnh sau:
Thêm khoá API vào ứng dụng của bạn
Phần này mô tả cách lưu trữ khoá API để ứng dụng của bạn có thể tham chiếu một cách an toàn. Bạn không nên kiểm tra khoá API trong hệ thống quản lý phiên bản. Vì vậy, bạn nên lưu trữ khoá đó trong tệp secrets.properties
, nằm trong thư mục gốc của dự án. Để biết thêm thông tin về tệp secrets.properties
, hãy xem các tệp thuộc tính Gradle.
Để đơn giản hoá tác vụ này, bạn nên sử dụng Trình bổ trợ Secrets Gradle cho Android.
Cách cài đặt trình bổ trợ Secrets Gradle cho Android trong dự án Google Maps:
-
Trong Android Studio, hãy mở tệp
build.gradle
hoặcbuild.gradle.kts
ở cấp cao nhất rồi thêm mã sau vào phần tửdependencies
trongbuildscript
.Groovy
buildscript { dependencies { classpath "com.google.android.libraries.mapsplatform.secrets-gradle-plugin:secrets-gradle-plugin:2.0.1" } }
Kotlin
buildscript { dependencies { classpath("com.google.android.libraries.mapsplatform.secrets-gradle-plugin:secrets-gradle-plugin:2.0.1") } }
-
Mở tệp
build.gradle
ở cấp mô-đun và thêm mã sau vào phần tửplugins
.Groovy
plugins { // ... id 'com.google.android.libraries.mapsplatform.secrets-gradle-plugin' }
Kotlin
plugins { id("com.google.android.libraries.mapsplatform.secrets-gradle-plugin") }
- Trong tệp
build.gradle
ở cấp mô-đun, hãy đảm bảo rằngtargetSdk
vàcompileSdk
được đặt thành 34. - Lưu tệp và đồng bộ hoá dự án của bạn với Gradle.
-
Mở tệp
secrets.properties
trong thư mục cấp cao nhất của bạn, sau đó thêm mã sau. Thay thếYOUR_API_KEY
bằng khoá API. Lưu trữ khoá của bạn trong tệp này vìsecrets.properties
sẽ không được kiểm tra trong một hệ thống quản lý phiên bản.MAPS_API_KEY=YOUR_API_KEY
- Lưu tệp.
-
Tạo tệp
local.defaults.properties
trong thư mục cấp cao nhất, cùng thư mục với tệpsecrets.properties
, sau đó thêm mã sau.MAPS_API_KEY=DEFAULT_API_KEY
Mục đích của tệp này là cung cấp vị trí sao lưu cho khoá API nếu hệ thống không tìm thấy tệp
secrets.properties
để các bản dựng sẽ không bị lỗi. Điều này có thể xảy ra nếu bạn sao chép ứng dụng từ một hệ thống quản lý phiên bản bỏ quasecrets.properties
và bạn chưa tạo tệpsecrets.properties
cục bộ để cung cấp khoá API. - Lưu tệp.
-
Trong tệp
AndroidManifest.xml
, hãy chuyển đếncom.google.android.geo.API_KEY
rồi cập nhậtandroid:value attribute
. Nếu thẻ<meta-data>
chưa tồn tại, hãy tạo thẻ đó làm thẻ con của thẻ<application>
.<meta-data android:name="com.google.android.geo.API_KEY" android:value="${MAPS_API_KEY}" />
Note:
com.google.android.geo.API_KEY
is the recommended metadata name for the API key. A key with this name can be used to authenticate to multiple Google Maps-based APIs on the Android platform, including the Maps SDK for Android. For backwards compatibility, the API also supports the namecom.google.android.maps.v2.API_KEY
. This legacy name allows authentication to the Android Maps API v2 only. An application can specify only one of the API key metadata names. If both are specified, the API throws an exception. -
In Android Studio, open your module-level
build.gradle
orbuild.gradle.kts
file and edit thesecrets
property. If thesecrets
property does not exist, add it.Edit the properties of the plugin to set
propertiesFileName
tosecrets.properties
, setdefaultPropertiesFileName
tolocal.defaults.properties
, and set any other properties.Groovy
secrets { // Optionally specify a different file name containing your secrets. // The plugin defaults to "local.properties" propertiesFileName = "secrets.properties" // A properties file containing default secret values. This file can be // checked in version control. defaultPropertiesFileName = "local.defaults.properties" // Configure which keys should be ignored by the plugin by providing regular expressions. // "sdk.dir" is ignored by default. ignoreList.add("keyToIgnore") // Ignore the key "keyToIgnore" ignoreList.add("sdk.*") // Ignore all keys matching the regexp "sdk.*" }
Kotlin
secrets { // Optionally specify a different file name containing your secrets. // The plugin defaults to "local.properties" propertiesFileName = "secrets.properties" // A properties file containing default secret values. This file can be // checked in version control. defaultPropertiesFileName = "local.defaults.properties" // Configure which keys should be ignored by the plugin by providing regular expressions. // "sdk.dir" is ignored by default. ignoreList.add("keyToIgnore") // Ignore the key "keyToIgnore" ignoreList.add("sdk.*") // Ignore all keys matching the regexp "sdk.*" }
Xem mã
Kiểm tra mã do mẫu cung cấp. Cụ thể, hãy xem các tệp sau trong dự án Android Studio của bạn.
Tệp hoạt động trên Maps
Tệp hoạt động trên bản đồ là hoạt động chính cho ứng dụng và chứa mã để quản lý và hiển thị bản đồ. Theo mặc định, tệp xác định hoạt động có tên là
MapsActivity.java
, hoặc nếu bạn đặt Kotlin làm ngôn ngữ cho ứng dụng,MapsActivity.kt
.Các thành phần chính của hoạt động trên Maps:
Đối tượng
SupportMapFragment
quản lý vòng đời của bản đồ và là thành phần mẹ trên giao diện người dùng của ứng dụng.Đối tượng
GoogleMap
cung cấp quyền truy cập vào chế độ xem và dữ liệu bản đồ. Đây là lớp chính của SDK bản đồ dành cho Android. Hướng dẫn về Đối tượng bản đồ mô tả chi tiết hơn các đối tượngSupportMapFragment
vàGoogleMap
.Hàm
moveCamera
căn giữa bản đồ tại toạ độLatLng
của Sydney, Úc. Các chế độ cài đặt đầu tiên cần định cấu hình khi thêm bản đồ thường là chế độ cài đặt vị trí trên bản đồ và máy ảnh; chẳng hạn như góc nhìn, hướng bản đồ và mức thu phóng. Xem hướng dẫn về Camera và chế độ xem để biết thông tin chi tiết.Hàm
addMarker
thêm một điểm đánh dấu vào toạ độ cho Sydney. Xem hướng dẫn về Điểm đánh dấu để biết thông tin chi tiết.
Tệp Gradle mô-đun
Tệp Mô-đun
build.gradle
bao gồm phần phụ thuộc bản đồ sau đây mà SDK Maps dành cho Android yêu cầu.dependencies { // Maps SDK for Android implementation 'com.google.android.gms:play-services-maps:19.0.0' }
Để tìm hiểu thêm về cách quản lý phần phụ thuộc Maps, hãy xem nội dung Versioning (Lập phiên bản).
Tệp bố cục XML
Tệp
activity_maps.xml
là tệp bố cục XML xác định cấu trúc trên giao diện người dùng của ứng dụng. Tệp này nằm trong thư mụcres/layout
. Tệpactivity_maps.xml
khai báo một mảnh bao gồm các phần tử sau:tools:context
đặt hoạt động mặc định của mảnh thànhMapsActivity
, được xác định trong tệp hoạt động ánh xạ.android:name
đặt tên lớp của mảnh thànhSupportMapFragment
, đây là loại mảnh được dùng trong tệp hoạt động bản đồ.
Tệp bố cục XML chứa mã sau:
<fragment xmlns:android="http://schemas.android.com/apk/res/android" xmlns:map="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/map" android:name="com.google.android.gms.maps.SupportMapFragment" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MapsActivity" />
Triển khai và chạy ứng dụng
Khi chạy thành công ứng dụng, bạn sẽ thấy một bản đồ nằm ở trung tâm Sydney Australia với một điểm đánh dấu trên thành phố như trong ảnh chụp màn hình sau đây.
Cách triển khai và chạy ứng dụng:
- Trong Android Studio, hãy nhấp vào tuỳ chọn trình đơn Run (Chạy) (hoặc biểu tượng nút phát) để chạy ứng dụng của bạn.
- Khi được nhắc chọn một thiết bị, hãy chọn một trong các lựa chọn sau:
- Chọn thiết bị Android đã kết nối với máy tính của bạn.
- Ngoài ra, hãy chọn nút chọn Launch emulator (Chạy trình mô phỏng) rồi chọn thiết bị ảo mà bạn thiết lập.
- Nhấp vào OK. Android Studio sẽ khởi động Gradle để tạo bản dựng ứng dụng của bạn, sau đó cho thấy kết quả trên thiết bị hoặc trình mô phỏng. Có thể mất vài phút trước khi ứng dụng khởi chạy.
Các bước tiếp theo
Thiết lập bản đồ: Tài liệu này mô tả cách thiết lập các chế độ cài đặt ban đầu và thời gian chạy cho bản đồ, chẳng hạn như vị trí máy ảnh, loại bản đồ, thành phần giao diện người dùng và cử chỉ.
Thêm bản đồ vào ứng dụng Android (Kotlin): Lớp học lập trình này hướng dẫn bạn qua một ứng dụng minh hoạ một số tính năng bổ sung của SDK Maps dành cho Android.
Sử dụng thư viện Maps Android KTX: Thư viện tiện ích Kotlin (KTX) này cho phép bạn tận dụng một số tính năng của ngôn ngữ Kotlin khi sử dụng SDK Maps dành cho Android.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2024-07-13 UTC.
[{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"Thiếu thông tin tôi cần" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"Quá phức tạp/quá nhiều bước" },{ "type": "thumb-down", "id": "outOfDate", "label":"Đã lỗi thời" },{ "type": "thumb-down", "id": "translationIssue", "label":"Vấn đề về bản dịch" },{ "type": "thumb-down", "id": "samplesCodeIssue", "label":"Vấn đề về mẫu/mã" },{ "type": "thumb-down", "id": "otherDown", "label":"Khác" }] [{ "type": "thumb-up", "id": "easyToUnderstand", "label":"Dễ hiểu" },{ "type": "thumb-up", "id": "solvedMyProblem", "label":"Giúp tôi giải quyết được vấn đề" },{ "type": "thumb-up", "id": "otherUp", "label":"Khác" }]