Hiển thị Google Maps trong ứng dụng
Để có thể hiển thị được bản đồ của Google trong ứng dụng chúng ta cần phải thực hiện một số bước nhất định
Bước 1. Cài đặt Google play service
Bước 2. Đăng ký sử dụng Google map API version 2 với Google
Bước 3. Nhận Map API key cho Android do Google cung cấp
Bước 4. Gán key vào ứng dụng và cấp quyền truy cập cho ứng dụng
- Đăng ký tài khoản Google (cái này là bắt buộc)
- Sau khi đã cập nhật Google Play Service Library, sử dụng eclipse mở project đã được lấy về qua thao tác cập nhật.
-File ->Import -> Existing Android code into workspace
-Tham chiếu tới thư mục Android SDK –> extras ->google_play_services -> libproject và chọn google-play-services_lib
- Tạo Android project mới “MapDemo” và tham chiếu tới google-play-services_lib: Nhấn phải lên Android project vừa tạo chọn Properties à Android à nhấn Add và chọn project mới tham chiếu bên trên.
- Mở tập tin AndroidManifest.xml của MapDemo và bổ sung thông tin thư viện của Google Play. Bổ sung thẻ sau vào thẻ <Application>
1 <meta-data
2 android:name="com.google.android.gms.version"
3 android:value="@integer/google_play_services_version" />
Đăng ký sử dụng Google map API version 2 với Google
Google map là một dịch vụ được Google cung cấp va cho phép gọi từ xa. Google quản lý các ứng dụng/ hệ thống gởi yêu cầu sử dụng dịch vụ thông qua định danh hay ta gọi là Maps API key loại định danh cho dịch vụ bản đồ. Hình dung đơn giản như là giấy phép cấp cho ứng dụng để sử dụng dịch vụ bản đồ, mỗi khi ứng dụng gởi yêu cầu truy xuất bản đồ thì cũng trao giấp phép này cho server để xác định được phép hay không được sử dụng.
Ø Mở trình duyệt và di chuyển đến Google Console địa chỉ như sau https://code.google.com/apis/console/?noredirect để đăng ký. Ở gốc cao bên trái chúng sẽ thấy một một xổ có nhãn là API Project xổ và kéo xuống cuối chọn Create để tạo một project
Nhấn Create project à kéo danh sách hiện ra và tìm đến
Chọn vào “OFF” để sử dụng dịch vụ cho ứng dụng Android. Tiếp theo, chọn mục API Access ở menu gốc cao bên trái. Chọn vào nút “Create new Android key …”
Đến đây để tiếp tục chúng ta phải đọc thông tin về ứng dụng chúng ra đã tạo ra trên Android bước trên để cung cấp cho Google.
Mở eclipse à Window à Preferences. Copy chuỗi SHA1 fingerprint, dán vào vị trí hình , tiếp tục quay lại project MapDemo và xem tên package là gì sau đó thêm vào vào hình trên phần cách nhau dấu “;”.
Sau khi cung cấp chúng ta có như sau
Nhấn Create để tạo key cho phép sử dụng dịch vụ bản đồ từ ứng dụng của chúng ta.
Đến đây chúng ta đã có được key để giao tiếp với server của google sử dụng dịch vụ bản đồ.
Gán key vào ứng dụng và caaso quyền truy xuất
Mở lại android project à mở AdnroidManifest.xml và chèn thêm mã sau vào giữa thẻ Application
1 <meta-data
2 android:name="com.google.android.maps.v2.API_KEY"
3 android:value="AIzaSyC2-IEqBxmGT4iaABSVDVo-tEFF_sRY1K4"/>
Lưu tập tin lại. Việc đọc dữ liêu liệu Google Map cần phải được cấp một số quyền nhất định trên thiết bị. Tiếp tục cũng cấp mã XML sau vào AdnroidManifest.xml
1 <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
2 <uses-permission android:name="android.permission.INTERNET" />
3 <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" />
4 <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
5 <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
6 <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
7
Tiếp tục bổ sung vào sau thể manifest để chỉ định phiên bản của MAP API
1 <uses-feature
2 android:glEsVersion="0x00020000"
3 android:required="true"/>
Thiết kế một FragementActivity đơn giản để test bản đồ
Thiết kế layout đơn giản sau
1 <?xml version="1.0" encoding="utf-8"?>
2 <fragment xmlns:android="http://schemas.android.com/apk/res/android"
3 android:id="@+id/map"
4 android:layout_width="match_parent"
5 android:layout_height="match_parent"
6 android:name="com.google.android.gms.maps.SupportMapFragment"/>
Mở tập tin MainActivity.java và tham chiếu giao diện cho layout này.
Chạy ứng dụng chúng ta sẽ có giao diện như sau
No comments:
Post a Comment