Một sản phẩm liên quan, đó là Google Earth, một ứng dụng
độc lập dành cho Microsoft Windows, Mac OS X và Linux cho phép xem các tính
năng mở rộng khác.
Với sự linh động của thiết bị di động ta có thể mang nó đi
một cách dễ dàng, sử dụng vào nhiều mục đích, việc tích hợp Google Maps trên
thiết bị di động là rất cần thiết. Và đặc biệt khi kết nối GPS thì ta có thể
biết vị trí của mình đang đứng ngay trên bản đồ Google Maps giúp dẫn đường và
tìm kiếm những vị trí một cách dễ dàng.
ISO đã xây dựng sẵn một framework giúp cho ứng dụng xây
dựng kết nối tới Google Maps một cách dễ dàng. Sau đây sẽ hướng dẫn các bạn tạo
ứng dụng trên iPhone kết nối tới Google Maps.
Trong Xcode tạo Project mới với tên dự án là “Mapgoogle”.
Sau khi tao Project xong ta Add framework hỗ trợ kết nối tới Google Maps
framework đó là “Mapkit.framework”. Bằng cách tích vào dấu “+” trong Build
Phases để Add framework này vào.
Hình 1 Tích vào dấu “+” trong Build Phases để Add
framework Map
Ø
Sau khi bấm vào dấu “+” thì hộp thoại chọn Add
framework hiển thị ra ta hãy tìm chọn đến “MapKit.framework”
Hình 2 Chọn Add “MapKit.framework”
Chọn file “MapgoogleViewController.h” chỉnh sửa dòng lệnh
như sau:
#import <UIKit/UIKit.h>
#import <MapKit/MapKit.h>
@interface MapgoogleViewController: UIViewController
<MKMapViewDelegate> {
MKMapView *mapview;
UIView *view;
}
//Tạo hàm loadView để gọi ứng dụng
GoogleMaps
-(void)loadView;
@end
Chọn file “MapgoogleViewController.m” để viết nội dung cho
lớp. Ta viết nội dung cho hàm loadView.
- (void)loadView {
view
= [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 460)];
view.backgroundColor
= [UIColor whiteColor];
mapview = [[MKMapView alloc]
initWithFrame:CGRectMake(0, 44, 320, 416)];
mapview.delegate
= self;
[view
addSubview:mapview];
////Add Toolbar
UIImageView *imageViewButtonBar =
[[UIImageView alloc] initWithImage:[UIImage
imageNamed:@"buttonbar_grey.png"]];
imageViewButtonBar.frame
= CGRectMake(0, 0, 320, 44);
[view
addSubview:imageViewButtonBar];
////Add
ButtonBack
UIButton *buttonBack = [UIButton
buttonWithType:UIButtonTypeRoundedRect];
buttonBack.frame = CGRectMake(5, 4, 100, 35);
//Thiết lập Tên của button
[buttonBack setTitle:@"Start" forState:UIControlStateNormal];
[view addSubview:buttonBack];
[self
setView:view];
}
Vậy là ta đã hoàn thành viết code cho ứng dụng, công việc
cuối cùng và cũng quan trọng là liên kết giao diện hiển thị với code.Cần Liên kết View tới code.
Chọn mở file “MapgoogleViewController.xib”, Bấm chuột lên bất kỳ chỗ nào trong view.
Bấm Connections
Inspector. Bên cạnh chữ New Referencing Outlet bạn sẽ thấy một vòng tròn. Bấm vào
vòng tròn đó và kéo đường kẻ màu xanh tới File’s Owner và thả ra. Chữ view sẽ tự
động hiện ra. Bấm chuột lên nó. Vậy là bạn đã liên kết cửa sổ view tới đối
tượng proxy của bạn. Bây giờ bạn sẽ thấy hình sau:
Hình 3 Liên kết View trong Map
Bây giờ ta có thể bấm Build and Go để chạy chương trình, và cảm
nhận nó. Giao diện sẽ như sau:
Hình 4 Giao diện khi chạy ứng dụng kết nối Google
Maps
Hãy like nếu bài viết có ích →
Kết bạn với gisgpsrs trên Facebook
để nhận bài viết mới nóng hổi