百度地图常用功能

时间:2024-03-02 19:29:05

参考:http://www.jianshu.com/p/9f00911bf530

前言:以前做项目用高德地图SDK,需要注册账号和AppID,然后下载SDK集成到项目中,比较麻烦,看了下苹果自带的MapKit框架,感觉挺好用,官方文档也介绍得很详细,实现地图的显示、显示用户当前位置、放置大头针、弹出气泡等基本功能。希望能帮到刚接触MapKit的朋友~干货点这里

导入主头文件:

#import

MapKit框架使用须知:

MapKit框架中所有数据类型的前缀都是MK。

MapKit有一个比较重要的UI控件 :MKMapView,专门用于地图显示。

跟踪显示用户的位置

设置MKMapView的userTrackingMode属性可以跟踪显示用户的当前位置

MKUserTrackingModeNone:不跟踪用户的位置              

MKUserTrackingModeFollow:跟踪并在地图上显示用户的当前位置

MKUserTrackingModeFollowWithHeading:跟踪并在地图上显示用户的当前位置,地图会跟随用户的前进方向进行旋转                                                                                      

蓝色发光圆点就是用户的当前位置                                                                                     蓝色发光原点,专业术语叫做“大头针”

地图的类型

可以通过设置MKMapView的mapType设置地图类型                           MKMapTypeStandard:普通地图

MKMapTypeSatellite:卫星云图

MKMapTypeHybrid:混合模式(普通地图覆盖于卫星云图之上)

MKMapTypeSatelliteFlyover:3D立体卫星(iOS9.0)

MKMapTypeHybridFlyover:3D立体混合(iOS9.0)

设置地图的其他属性

1.操作项:

<1.>是否可缩放 :zoomEnabled

<2.>是否可滚动 :scrollEnabled

<3.>是否可旋转 :rotateEnabled

2.显示项:

<1.>是否显示指南针 :showsCompass (iOS9.0)

<2.>是否显示比例尺 :showsScale (iOS9.0)

<3.>是否显示交通 :showsTraffic (iOS9.0)

<4.>是否显示建筑 :showsBuildings

使用注意:设置对应的属性时,注意该属性是从哪个系统版本开始引入的,做好不同系统版本的适配

 


 

追踪用户的位置

设置MKMapView的userTrackingMode属性可以跟踪显示用户的当前位置

MKUserTrackingModeNone:不跟踪用户的位置

MKUserTrackingModeFollow:跟踪并在地图上显示用户的当前位置

MKUserTrackingModeFollowWithHeading:跟踪并在地图上显示用户的当前位置,地图会跟随用户的前进方向进行旋转

注意:iOS8.0之后,追踪用户位置需要用户进行定位授权

备注:

iOS8.0-,地图不会自动滚动到用户所在位置

iOS8.0+,地图会自动放大到合适比例,并显示出用户位置

MKMapView的代理

MKMapView可以设置一个代理对象,用来监听地图的相关行为

常见的代理方法有

1.调用非常频繁,不断监测用户的当前位置每次调用,都会把用户的最新位置(userLocation参数)传进来                                                                                                              - (void)mapView:(MKMapView*)mapViewdidUpdateUserLocation:(MKUserLocation*)userLocation;

2.地图的显示区域即将发生改变的时候调用                                                                        - (void)mapView:(MKMapView*)mapViewregionWillChangeAnimated:(BOOL)animated;

3.地图的显示区域已经发生改变的时候调用                                                                      - (void)mapView:(MKMapView*)mapViewregionDidChangeAnimated:(BOOL)animated;

MKUserLocation(MKUserLocation其实是个大头针模型,包括以下属性)

@property(nonatomic,copy)NSString*title;显示在大头针上的标题

@property(nonatomic,copy)NSString*subtitle;显示在大头针上的子标题

@property(readonly,nonatomic)CLLocation*location;地理位置信息(大头针钉在什么地方?)

设置地图的显示

通过MKMapView的下列方法,可以设置地图显示的位置和区域

1.设置地图的中心点位置          @property(nonatomic)CLLocationCoordinate2DcenterCoordinate;

- (void)setCenterCoordinate:(CLLocationCoordinate2D)coordinate animated:(BOOL)animated;

2.设置地图的显示区域                                           @property(nonatomic)MKCoordinateRegionregion;                                                                - (void)setRegion:(MKCoordinateRegion)region animated:(BOOL)animated;

 


 

 

大头针的基本操作

添加一个大头针:- (void)addAnnotation:(id)annotation;

添加多个大头针:- (void)addAnnotations:(NSArray*)annotations;

移除一个大头针:- (void)removeAnnotation:(id)annotation;

移除多个大头针:- (void)removeAnnotations:(NSArray*)annotations;

(id)annotation参数是什么东西?                                                                                       大头针模型对象:用来封装大头针的数据,比如大头针的位置、标题、子标题等数据

大头针模型

新建一个大头针模型类

#import

@interfaceMJTuangouAnnotation :NSObject

/**坐标位置*/                    @property(nonatomic,assign)CLLocationCoordinate2Dcoordinate;

/**标题*/                                                              @property(nonatomic,copy)NSString*title;

/**子标题*/                                                      @property(nonatomic,copy)NSString*subtitle;

@end

添加大头针

EdTuangouAnnotation*anno = [[MJTuangouAnnotationalloc]init];

anno.title=@"热爱iOS的狗";

anno.subtitle=@"全部课程15折,会员20折,老学员30折";

anno.coordinate=CLLocationCoordinate2DMake(40,116);

[self.mapViewaddAnnotation:anno];

MKAnnotationView:地图上的大头针控件是MKAnnotationView

MKAnnotationView的属性

@property(nonatomic,strong)id annotation :大头针模型

@property(nonatomic,strong)UIImage*image:显示的图片

@property(nonatomic)BOOLcanShowCallout:是否显示标注

@property(nonatomic)CGPointcalloutOffset:标注的偏移量

@property(strong,nonatomic)UIView*rightCalloutAccessoryView:标注右边显示什么控件

@property(strong,nonatomic)UIView*leftCalloutAccessoryView:标注左边显示什么控件

MKPinAnnotationView

MKPinAnnotationView是MKAnnotationView的子类

MKPinAnnotationView比MKAnnotationView多了2个属性

@property(nonatomic)MKPinAnnotationColorpinColor:大头针颜色

@property(nonatomic)BOOLanimatesDrop:大头针第一次显示时是否从天而降


 

 

MKMapItem调用系统APP进行导航

主要方法:[MKMapItem openMapsWithItems:items launchOptions:md];

示例代码

1.根据两个地标对象进行调用系统导航                                                                                         - (void)beginNavWithBeginPlacemark:(CLPlacemark*)beginPlacemark andEndPlacemark:(CLPlacemark *)endPlacemark

{

2.创建起点:根据CLPlacemark地标对象创建MKPlacemark地标对象                                   MKPlacemark *itemP1 = [[MKPlacemark alloc]

initWithPlacemark:beginPlacemark];

MKMapItem *item1 = [[MKMapItem alloc]initWithPlacemark:itemP1];

3.创建终点:根据CLPlacemark地标对象创建MKPlacemark地标对象                                 MKPlacemark *itemP2 = [[MKPlacemark alloc]initWithPlacemark:endPlacemark];

MKMapItem *item2 = [[MKMapItem alloc]initWithPlacemark:itemP2];

NSDictionary *launchDic = @{

4.设置导航模式参数                                                              MKLaunchOptionsDirectionsModeKey : MKLaunchOptionsDirectionsModeDriving,

5.设置地图类型                                                                              MKLaunchOptionsMapTypeKey :@(MKMapTypeHybridFlyover),

6.设置是否显示交通

MKLaunchOptionsShowsTrafficKey : @(YES),

};

7.根据MKMapItem数组和启动参数字典来调用系统地图进行导航

[MKMapItem openMapsWithItems:@[item1, item2]

launchOptions:launchDic];

}

MKMapCamera地图街景

主要方法:self.mapView.camera = camera;

示例代码

1.创建视角中心坐标:CLLocationCoordinate2D

center = CLLocationCoordinate2DMake(23.132931, 113.375924);

2.创建3D视角:

MKMapCamera *camera = [MKMapCameracameraLookingAtCenterCoordinate:center

fromEyeCoordinate:CLLocationCoordinate2DMake(center.latitude + 0.001,

center.longitude + 0.001) eyeAltitude:1];

3.设置到地图上显示:self.mapView.camera = camera;

MKMapSnapshotter地图截图

1.主要方法

[snapshotter startWithCompletionHandler:^(MKMapSnapshot

* _Nullable snapshot, NSError * _Nullable error) { }];

示例代码

截图附加选项:MKMapSnapshotOptions *options = [[MKMapSnapshotOptions alloc] init];

1.设置截图区域(在地图上的区域,作用在地图):

options.region =self.mapView.region;

options.mapRect =self.mapView.visibleMapRect;

2.设置截图后的图片大小(作用在输出图像)

options.size =self.mapView.frame.size;

3.设置截图后的图片比例(默认是屏幕比例,作用在输出图像)

options.scale = [[UIScreen mainScreen] scale];

MKMapSnapshotter *snapshotter = [[MKMapSnapshotter alloc]

initWithOptions:options];

[snapshotter startWithCompletionHandler:^(MKMapSnapshot *_Nullablesnapshot,

NSError*_Nullableerror) {

if(error) {

NSLog(@"截图错误:%@",error.localizedDescription);

}else

{

4.设置屏幕上图片显示

self.snapshootImageView.image = snapshot.image;

将图片保存到指定路径(此处是桌面路径,需要根据个人电脑不同进行修改)

NSData *data = UIImagePNGRepresentation(snapshot.image);

[data writeToFile:@"/Users/wangshunzi/Desktop/snap.png"atomically:YES];

}

}];

MKDirections获取导航路线信息

主要方法

[directions calculateDirectionsWithCompletionHandler:

^(MKDirectionsResponse * _Nullable response,

NSError * _Nullable error) {

}];

绘制路线,添加覆盖层等

主要方法:(这里不像添加大头针那样,只要我们添加了大头针模型,默认就会在地图上添加系统的大头针视图)

1.添加覆盖层,需要我们实现对应的代理方法,在代理方法中返回对应的覆盖层[self.mapViewaddOverlay:overlay];

2.调用了以上方法后,会调用以下代理方法获取对应的渲染涂层                                                     -(MKOverlayRenderer *)mapView:(MKMapView*)mapView rendererForOverlay:(id)overlay



文/百度工程师阿伟(简书作者)
原文链接:http://www.jianshu.com/p/9f00911bf530
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。