Đăng ký Google Map API cho Android


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

Cài đặt Google play service

– Đă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 projectimage

Nhấn Create project à kéo danh sách hiện ra và tìm đến

 image

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 …”

image

Đế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 “;”.

image

Sau khi cung cấp chúng ta có như sau

image

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.

image

Đế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

image

Advertisements

Phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s