简单导航功能开发

场景:场馆地址允许用户直接点击导航按钮开始导航,省去了让用户手动点开地图app和输入地址的操作。

实现方式:

点击“导航”按钮后,进入地图页面,此页面使用的是苹果自带的地图,打开页面后,在终点地址上显示一个小气泡,并添加一个导航按钮,点击地图页面的导航按钮,跳转到地图app开始导航。

地图页使用苹果地图,就不需要引入其它第三方的库,不会增加app的包大小。

导航时用户可以选择跳转到自己常用的地图app,不仅减小了开发的成本,用户的使用成本也会降低。

代码如下:

// DJMapViewController.h
@interface DJMapViewController

//终点标注标题
@property (nonatomic, strong) NSString *annotationTitle;

//终点标注副标题
@property (nonatomic, strong) NSString *annotationSubTitle;

- (instancetype)initWithLatitude:(CGFloat)latitude longitude:(CGFloat)longitude;

@end
#import <MapKit/MapKit.h>

@interface DJMapViewController () <MKMapViewDelegate>

@property (nonatomic, assign) CGFloat latitude;
@property (nonatomic, assign) CGFloat longitude;
@property (nonatomic, strong) MKMapView *mapView;
@property (nonatomic, assign) CLLocationCoordinate2D destCoordinate;

@end

@implementation DJMapViewController

- (instancetype)initWithLatitude:(CGFloat)latitude longitude:(CGFloat)longitude {
    if (self = [super init]) {
        self.latitude = latitude;
        self.longitude = longitude;
        self.destCoordinate = CLLocationCoordinate2DMake(self.latitude, self.longitude);
    }
    return self;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self openMap];
    [self createTitleView];
}

- (void)createTitleView {
    UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, WindowWidth, 64.0f)];
    [self.view addSubview:headerView];
    
    UIView *lineView = [SAUtility getLineWithFrame:CGRectMake(0, 63.5, WindowWidth, 0.5)];
    [headerView addSubview:lineView];
    
    CGRect leftItemRect = CGRectMake(0, APP_STATUSBAR_HEIGHT, APP_NAVIBAR_HEIGHT, APP_NAVIBAR_HEIGHT);
    UIButton* leftItem = [[UIButton alloc] initWithFrame:leftItemRect];
    [leftItem setImage:[UIImage imageNamed:IA_BackButton_thin_ImageName] forState:UIControlStateNormal];
    [leftItem addTarget:self action:@selector(leftButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
    [headerView addSubview:leftItem];
    
    UILabel *titleLabel=[SAUtility getNavigationTitle:@"导航" isMainPage:NO];
    [headerView addSubview:titleLabel];
    
    
}

- (void)openMap {

    //[MKMapItem openMapsWithItems:items launchOptions:options];
    
    
    self.mapView = [[MKMapView alloc] initWithFrame:CGRectMake(0, 64, WindowWidth, WindowHeight)];
    self.mapView.mapType = MKMapTypeStandard;
    self.mapView.delegate = self;
    self.mapView.showsUserLocation = YES;
    [self.view addSubview:self.mapView];
    [self addActivityOnSuperView:self.view withFrame:CGRectMake(0, 64, WindowWidth, WindowHeight-64)];
    
    //设置地图显示范围
    [self.mapView setRegion:MKCoordinateRegionMakeWithDistance(CLLocationCoordinate2DMake(self.latitude, self.longitude), 5000, 5000) animated:YES];
}

- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id<MKAnnotation>)annotation {
    if ([annotation isKindOfClass:[MKUserLocation class]])
        return nil;
    if ([annotation isKindOfClass:[MKPointAnnotation class]]) {
        // Try to dequeue an existing pin view first.(这里跟UITableView的重用差不多)
        MKPinAnnotationView *customPinView = (MKPinAnnotationView*)[mapView
                                                                    dequeueReusableAnnotationViewWithIdentifier:@"CustomPinAnnotationView"];
        if (!customPinView){
            // If an existing pin view was not available, create one.
            customPinView = [[MKPinAnnotationView alloc] initWithAnnotation:annotation
                                                            reuseIdentifier:@"CustomPinAnnotationView"];
        }
        //iOS9中用pinTintColor代替了pinColor
        if ([SAUtility isSystemLaterThan:9.0]) {
            customPinView.pinTintColor = UIColorFromRGB(0x69BB0E);
        } else {
            customPinView.pinColor = MKPinAnnotationColorGreen;
        }
        
        customPinView.animatesDrop = YES;
        customPinView.canShowCallout = YES;
        
        
        UIButton *rightButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 80, 50)];
        rightButton.backgroundColor = UIColorFromRGB(0x69BB0E);
        [rightButton setTitle:@"导航" forState:UIControlStateNormal];
        [rightButton addTarget:self action:@selector(navigateButtonPressed) forControlEvents:UIControlEventTouchUpInside];
        customPinView.rightCalloutAccessoryView = rightButton;
        return customPinView;
    }
    return nil;
}

- (void)mapViewWillStartLoadingMap:(MKMapView *)mapView {

}
- (void)mapViewDidFinishLoadingMap:(MKMapView *)mapView {
    [self removeActivityView];

    //设置标注
    if (self.annotationTitle && self.annotationTitle.length > 0) {
        MKPointAnnotation *annotation = [[MKPointAnnotation alloc] init];
        [annotation setCoordinate:CLLocationCoordinate2DMake(self.latitude, self.longitude)];
        [annotation setTitle:self.annotationTitle];
        [annotation setSubtitle:self.annotationSubTitle];
        [self.mapView addAnnotation:annotation];
        
        [mapView selectAnnotation:annotation animated:YES];
    }

}

- (void)leftButtonPressed:(UIButton *)sender {
    [self.navigationController popViewControllerAnimated:YES];
}

- (void)navigateButtonPressed {
    UIAlertController * alertController = [UIAlertController alertControllerWithTitle:@"请选择地图" message:nil preferredStyle:UIAlertControllerStyleActionSheet];
    //自带地图
    [alertController addAction:[UIAlertAction actionWithTitle:@"使用苹果自带地图导航" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
        //使用自带地图导航
        MKMapItem *currentLocation =[MKMapItem mapItemForCurrentLocation];
        
        MKMapItem *toLocation = [[MKMapItem alloc] initWithPlacemark:[[MKPlacemark alloc] initWithCoordinate:self.destCoordinate addressDictionary:nil]];
        
        [MKMapItem openMapsWithItems:@[currentLocation,toLocation] launchOptions:@{MKLaunchOptionsDirectionsModeKey:MKLaunchOptionsDirectionsModeDriving,
                                                                                   MKLaunchOptionsShowsTrafficKey:[NSNumber numberWithBool:YES]}];
        
        
    }]];
    
    //判断是否安装了高德地图,如果安装了高德地图,则使用高德地图导航
    if ( [[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:@"iosamap://"]]) {
        
        [alertController addAction:[UIAlertAction actionWithTitle:@"使用高德地图导航" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
            
            NSString *urlsting =[[NSString stringWithFormat:@"iosamap://path?sourceApplication=applicationName&sid=BGVIS1&sname=我的位置&did=BGVIS2&dlat=%lf&dlon=%lf&dname=%@&dev=0&m=0&t=%@",self.latitude,self.longitude,self.annotationTitle,@"0"]stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
            [[UIApplication  sharedApplication]openURL:[NSURL URLWithString:urlsting]];
            
        }]];
    }
    
    //判断是否安装了百度地图,如果安装了百度地图,则使用百度地图导航
    if ([[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:@"baidumap://"]]) {
        [alertController addAction:[UIAlertAction actionWithTitle:@"使用百度地图导航" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
            
            NSString *urlsting =[[NSString stringWithFormat:@"baidumap://map/direction?origin={{我的位置}}&destination=latlng:%f,%f|name=目的地&mode=driving&coord_type=gcj02",self.latitude,self.longitude] stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
            [[UIApplication sharedApplication] openURL:[NSURL URLWithString:urlsting]];
            
        }]];
    }
    
    //添加取消选项
    [alertController addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
        [alertController dismissViewControllerAnimated:YES completion:nil];
        
    }]];
    
    //显示alertController
    [self presentViewController:alertController animated:YES completion:nil];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
}

@end

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,451评论 25 707
  • 吃货地图产品需求文档 V1.0-2015/03/30 1概述 1.1产品概述及目标 概述:“吃货地图”是一款基于i...
    michaelshan阅读 5,824评论 1 46
  • 2017.9.28感恩日记 1.感恩雨过天晴,空气清新,秋意盎然! 2.感恩昨晚儿子放学回家背着重重的书包还帮我搬...
    闪光的种子阅读 130评论 0 0
  • 每日一画 别让时光偷走你上扬的嘴角,我们都曾是无忧无虑的孩子。
    无极玩家阅读 416评论 2 4
  • 12年自己写的一篇旧文,至多是个人记忆的梳理,不算正式的文章,口语化的表述方式更多一些。再次贴出来做个分享。 从9...
    岚亭叙阅读 235评论 0 0