美文网首页iOS知识收录iOS -- DemoiOS developer
iOS 跳转方式实现地图导航功能

iOS 跳转方式实现地图导航功能

作者: Jimmy_阿达 | 来源:发表于2016-03-08 15:51 被阅读14000次

    上一回简单的介绍了一下 google map 的 SDK 的简单使用,但是光地图的显示实在是不够用,显示位置是地图的基础,但是导航却是地图的核心,相信很多人会遇到地图定位跟导航的问题。那么这回我们就来简单讲一下导航:
    手机上的导航方式,分应用内导航和应用外导航:

    •   应用内导航
      

    是指使用地图服务提供的SDK(比如高德,百度等等),直接将导航功能嵌入到我们自己的APP内部
    但是这个方案我个人不喜欢,一是接入要一定的时间,二是增加APP的内存占用。最最最最最最关键的问题是难,难,难!!!

    •   应用外导航
      

    是以URI跳转的方式(在iOS中就是以URL Scheme的方式),直接跳到对应的地图APP中,直接利用对方的功能来导航。
    这样的优点,一是接入方便,二是不增加自己APP的开销;缺点就是如果用户没有装这个地图应用就没办法使用这个地图的服务。但是,可能你会说万一他一个地图的APP都没有装怎么办?那不就实现不了了?
    要相信苹果不会让你失望的,苹果有个自带的高德地图,删也删不掉!这流氓,这时候还是管点用的。所以不用慌,就算他自己一个地图类的APP都不装,那也有苹果自带的,所以肯定至少会有一个,也就是说这个跳转是能实现的。
    首先我们来看一下究竟是什么效果,你也可以自己下一个携程旅游的APP(申明不是打广告,因为是上回某个雷锋告诉我的,携程用的就是 google map),然后随便选个酒店,点击地图,然后右上角导航,就是下面这效果:


    需要实现的效果

    当然,如果没有安装某个地图APP,那么对应的选项是不会出现的。弹出来的这个AlertView大家自己去实现,这里我就不多说了。检测APP是否安装,只要调用下面这个方法就可以了:


    检测APP是否安装了该地图APP
    比如你如果要检测是否有安装百度地图APP,那么就是:
    [[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:@"baidumap://"]];
    

    如果在这里写完代码运行的时候打印了一行错误给你,那么看本文最后面,会有解决方法。
    常用的4个地图的 URL Scheme:
    1.苹果自带地图(不需要检测,所以不需要URL Scheme)
    2.百度地图 :baidumap://
    3.高德地图 :iosamap://
    4.谷歌地图 :comgooglemaps://

    首先我们要开启定位功能,能定位到用户的位置,这点相信大家都能实现,就不多说了。然后假设我们有一个终点的位置坐标:

    CLLocationCoordinate2D loc = CLLocationCoordinate2DMake([self.model.latitude floatValue], [self.model.longitude floatValue]);
    

    然后我们来实现跳转:
    第一:苹果自带地图
    苹果提供了另一种方式:MKMapItem(要使用记得导入#import <MapKit/MapKit.h> 头文件)

    实现代码
    代码如下:
    CLLocationCoordinate2D loc = CLLocationCoordinate2DMake([self.model.latitude floatValue], [self.model.longitude floatValue]);
        MKMapItem *currentLocation = [MKMapItem mapItemForCurrentLocation];
        MKMapItem *toLocation = [[MKMapItem alloc] initWithPlacemark:[[MKPlacemark alloc] initWithCoordinate:loc addressDictionary:nil]];
        [MKMapItem openMapsWithItems:@[currentLocation, toLocation]
                       launchOptions:@{MKLaunchOptionsDirectionsModeKey: MKLaunchOptionsDirectionsModeDriving,
                                       MKLaunchOptionsShowsTrafficKey: [NSNumber numberWithBool:YES]}];
    

    运行效果如下,绿色大头针是起点位置,红色大头针是终点位置:


    苹果自带地图

    第二:百度地图

    NSString *urlString = [[NSString stringWithFormat:@"baidumap://map/direction?origin={{我的位置}}&destination=latlng:%f,%f|name=目的地&mode=driving&coord_type=gcj02",coordinate.latitude, coordinate.longitude] stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
    [[UIApplication sharedApplication] openURL:[NSURL URLWithString:urlString]];
    

    这里面要注意几点:
    1,origin={{我的位置}}, 这个是不能被修改的,不然无法把出发位置设置为当前位置
    2,destination = latlng:%f,%f|name = 目的地
    这里面的 name 的字段不能省略,否则导航会失败,而后面的文字则可以随意,赋个你的目的地的值给他就可以了。
    3,coord_type = gcj02
    coord_type 允许的值为 bd09ll、gcj02、wgs84,如果你 APP 的地图 SDK 用的是百度地图 SDK,请填 bd09ll,否则就填gcj02,wgs84的话基本是用不上了(需要涉及到地图加密,有兴趣的同学可以自己去了解)
    效果如下:


    百度地图

    最后两种因为自己手机没装,没试验过,在网上找了下代码,也贴出来,需要用到的同学可以试一下,步骤都是一样的。
    高德地图:

    NSString *urlString = [[NSString stringWithFormat:@"iosamap://navi?sourceApplication=%@&backScheme=%@&lat=%f&lon=%f&dev=0&style=2",appName,urlScheme,coordinate.latitude, coordinate.longitude] stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
    [[UIApplication sharedApplication] openURL:[NSURL URLWithString:urlString]];
    

    要注意几点:

    1. sourceApplication=%@&backScheme=%@
      sourceApplication代表你自己APP的名称 会在之后跳回的时候显示出来 所以必须填写 backScheme是你APP的URL Scheme 不填是跳不回来的哟
    2. dev=0
      这里填0就行了,跟上面的gcj02一个意思 1代表wgs84 也用不上

    谷歌地图:

    NSString *urlString = [[NSString stringWithFormat:@"comgooglemaps://?x-source=%@&x-success=%@&saddr=&daddr=%f,%f&directionsmode=driving",appName,urlScheme,coordinate.latitude, coordinate.longitude] stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
    [[UIApplication sharedApplication] openURL:[NSURL URLWithString:urlString]];
    

    要注意几点

    1. x-source=%@&x-success=%@
      跟高德一样 这里分别代表APP的名称和URL Scheme
    2. saddr=
      这里留空则表示从当前位置触发。

    OK,运行一下,你会发现,没有跳转,而且还给你打印一串错误!


    报错

    瞬间觉得被作者坑了,莫慌。在 iOS 9 之后我们做跳转是需要有个白名单的,就像我们做分享的时候也是一样。
    添加白名单:
    在 info.plist 文件里面,添加一个字段:LSApplicationQueriesSchemes,类型为数组,然后在这个数组里面再添加我们所需要的地图 URL Scheme :

    comgooglemaps
    iosamap
    comgooglemaps
    

    效果如下:


    添加白名单

    OK,再也不用担心坑爹的老板要我做导航了,你看别人家这么牛逼的都是做的跳转的!简单轻松完成工作,而且用户还能自己选择自己喜欢的地图。

    相关文章

      网友评论

      • Mars飘殇:想问下这个跳转第三方做途经点导航怎么做,参数该怎么传
      • Lin__Chuan:Google地图不能做应用内导航,只能这么干,至于高德和百度,最好自定义
      • flycy:你好 我调用外部百度地图 传了目的地和经纬度过去。 打开APP能导航 但是目的地 显示的是地图上的点。。请问下这个目的地能用我自己传的地址吗
        起个名字真难啊:把链接中的name后面的=改为:就可以了,也就是这样的 NSString *urlString = [[NSString stringWithFormat:@"baidumap://map/direction?origin={{我的位置}}&destination=latlng:%f,%f|name:%@&mode=driving&coord_type=bd09ll",lat,lng,name] stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet URLQueryAllowedCharacterSet]];
      • 断忆残缘:苹果自带地图,怎么修改终点位置名称呢?
        微光星芒:参考这篇文章 http://www.cnblogs.com/bigant9527/archive/2015/02/26/4300824.html

        设置目的地的名字就可以了: toLocation.name =myname;
        ad11f9f628a3:CLGeocoder
      • 林_柏显:调整苹果崩溃什么原因,有什么解决方案
      • liuzhongyi:这个跳转导航显示目的地未知如何解决?
        我是nil:@Jvaeyhcd 大神解决了吗?而且跳转到高德之后直接导航驾车路线了,也没有显示地址,和携程的效果都有出入。你们解决的咋样了?
        Jvaeyhcd:楼主、我也想知道这个位置位置怎么解决啊
        JsJavaCoder:如何解决
      • manajay:建议还是 写上原作者的名字 ,再加上自己的想法
      • Damonwong:呵呵,抄的一手好文章
      • F森:不错!作者应该将百度坐标系转成火星坐标这个给完善的
      • 孤獨的守望者:百度坐标和火星坐标还不一样……要转换
        Jimmy_阿达:@孤獨的守望者 恩,谢谢!因为平时地图做的不多,所以研究不深

      本文标题:iOS 跳转方式实现地图导航功能

      本文链接:https://www.haomeiwen.com/subject/stezkttx.html