Working with MapKit 使用自定义 MKAnnotation 为地图坐标标记 绘制路径
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Working with MapKit 使用自定义 MKAnnotation 为地图坐标标记 绘制路径，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含9247字，纯文字阅读大概需要14分钟。
内容图文
请允许我模仿各路coding大神的习惯写法，使用“Working with MapKit”这样的装逼语句来说明本文要阐述的内容。没错，本文就是要将我之前学习使用MapKit Framework的过程、心得做一个总结。利用一个简单的栗子demo，来展现如何使用MapKit进行：1，标记若干个坐标，自定义MKAnnotation，显示附加信息；2，画出坐标点之间的线路图。
先来看一下效果：
demo我已经放在了这里：https://github.com/pigpigdaddy/MapDemo
使用MapKit进行地图标记和路径绘制，最重要的就是为需要标记的坐标设置正确的经纬度。项目开始时，我们需要加入MapKit.Framework，并在响应的文件内#import这个framework的接口文件。
1，MKMapView
1.1，MKMapView是一个继承自UIView的类，你可以直接使用initWithFrame来初始化这个地图视图，然后记得将它的实例的delegate属性设置好。MKMapView的实例有一个showsUserLocation属性，这个属性默认是NO，如果我将它设置为YES，那么地图上就会标注出我的设备的当前位置。
当我初始化好，设置好一切了后，就可以将它addSubView到我的视图上了。
1 self.mapView = [[MKMapView alloc] initWithFrame:CGRectMake(0, 0, self.frame.size.width, self.frame.size.height)];
2 self.mapView.delegate = self;
3 self.mapView.showsUserLocation = YES;
4 [self addSubview:self.mapView];
就是这么简单。
1.2，地图交互
地图中的各类行为，比如定位当前位置、开始渲染地图、地图标记显示、地图标记选中、线路的绘画等等，都是由MKMapViewDelegate，给出的回调来定义的。根据我的demo，我将选取其中有关地图标记和线路绘画相关的几个回调，来实现他们，从而实现我在文章开始写出的两个功能。
主要用到的回调：
1 - (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id <MKAnnotation>)annotation;
1 - (void)mapView:(MKMapView *)mapView didSelectAnnotationView:(MKAnnotationView *)view NS_AVAILABLE(10_9, 4_0);
2 - (void)mapView:(MKMapView *)mapView didDeselectAnnotationView:(MKAnnotationView *)view NS_AVAILABLE(10_9, 4_0);
1 - (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id <MKOverlay>)overlay NS_DEPRECATED_IOS(4_0, 7_0);
2，地图标记<MKAnnotation>
2.1，MKAnnotation其实并不是一个类，而是一个协议。任何一个NSObject子类，如果想作为一个“地图标记”被加到地图（MKMapView）中，必须实现这个<MKAnnotation>协议。让我们来看看这个协议里面有些什么：
1
@protocol MKAnnotation <NSObject>
2 3// Center latitude and longitude of the annotion view.
4// The implementation of this property must be KVO compliant. 5 @property (nonatomic, readonly) CLLocationCoordinate2D coordinate;
6 7@optional
8 9// Title and subtitle for use by selection UI.10 @property (nonatomic, readonly, copy) NSString *title;
11 @property (nonatomic, readonly, copy) NSString *subtitle;
1213// Called as a result of dragging an annotation view.14 - (void)setCoordinate:(CLLocationCoordinate2D)newCoordinate NS_AVAILABLE(10_9, 4_0);
1516@end
说白了就是，你必须实现
1 @property (nonatomic, readonly) CLLocationCoordinate2D coordinate;
也就是地图标记的坐标！这样，你才能把该实例作为“Annotation”加到地图中去。
注意：1，你可以在同一个坐标点（经纬度）添加多个Annotation，这也是我的这个demo中用到的一个技；2，实现<MKAnnotation>的类，只是一个地图标记的“数据”，负责管理标记的“坐标”、“标题”等，而不管理标记“视图”，“视图”则由下面要介绍的MKAnnotationView来管理。
2.2，MKAnnotationView
MKAnnotationView是地图标记的“表现视图”，因为仅仅拥有<MKAnnotation>数据还不行，用户需要在地图中看到各式各样的“地图标记视图”。为此我创建了一个继承自MKAnnotationView的自定义视图用于弹出的界面：
这样，当用户点击地图上某个“标记Annotation”时，我会在此坐标处额外再次创建一个“Annotation”加到地图上，然后用我自定义的MKAnnotationView当做这个额外创建的“Annotation”的View。显示出来，就是上图中灰色半透明的界面。
所以你会发现，其实对于demo中的地图，任意一个时候是同时有四个Annotation的，分别是三个红色大头针的MKPinAnnotationView和一个当前选中的自定义MKAnnotationView。而当前选中的自定义MKAnnotationView和此大头针的MKPinAnnotationView其实是位于地图上同一个坐标的。
3，demo中的原始数据存储
我创建了一个叫LocationNode的节点类，用于存储原始数据。
1
//
主键
2 @property (nonatomic, assign) int index;
3// 定位时间 4 @property (nonatomic, assign) int time;
5// 位置经度 6 @property (nonatomic, assign) double lng;
7// 位置纬度 8 @property (nonatomic, assign) double lat;
9// 位置名称10 @property (nonatomic, strong) NSString *street;
4，绘制路径
这在MapKit中其实是一个非常简单操作，只需要将每个坐标依次存于数组中，然后用此坐标数组初始化一个MKPolyline类的实例，最后用mapView的
addOverlay方法，添加这个MKPolyline即可。然后在：
1 - (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id <MKOverlay>)overlay
回调中，配置绘制的路径的参数即可。
下面具体来看一下代码实现：
我创建了如下几个类：
PlaceMark：用于所有的Annotation，实现MKAnnotation协议；
CalloutMapAnnotation：用于当前选中时弹出的Annotation，在地图中，只保留一个实例，用于当前选中后额外创建的一个Annotation。
LocationNode：存储原始数据；
CallOutAnnotationView：继承自MKAnnotationView，用于上面所说的灰色半透明界面；
CustomCalloutView：一个自定义UIView，用于管理CallOutAnnotationView的实际内容；
LocationInfoMapView：地图创建在这个View中。
在LocationInfoMapView中，我们需要做下面的工作：
1
/*
*
2
TODO:显示地图标记
3
4
@param annotations 地图标记注释数组
5
6
@author pigpigdaddy
7
@since 3.0
8
*/
9 -(void)showAnnotation:(NSArray *)annotations{
10// 清除上一次地图标记11for (id annotation in self.mapView.annotations) {
12if ([annotation isKindOfClass:[PlaceMark class]]) {
13 [self.mapView removeAnnotation:annotation];
14 }
15 }
1617 NSMutableArray *routes = [[NSMutableArray alloc] init];
18for (LocationNode *detailBean in annotations) {
19// 添加每一个坐标到地图20 PlaceMark *mark = [[PlaceMark alloc] initWithPlace:detailBean];
21 [self.mapView addAnnotation:mark];
2223// 创建一个数组，用于依次存储所有的坐标24 CLLocation *location = [[CLLocation alloc] initWithLatitude:mark.coordinate.latitude longitude:mark.coordinate.longitude];
25 [routes addObject:location];
26 }
27 self.routes = routes;
2829// 将地图当前位置居中显示30 [self centerMap];
31// 绘制路径32 [self updateRouteView];
33 }
1
/*
*
2
TODO:重新绘制导航视图
3
4
@author pigpigdaddy
5
@since 3.0
6
*/
7 - (void)updateRouteView{
8 [self.mapView removeOverlays:self.mapView.overlays];
910 CLLocationCoordinate2D pointsToUse[[self.routes count]];
11for (int i = 0; i < [self.routes count]; i++) {
12 CLLocationCoordinate2D coords;
13 CLLocation *loc = [self.routes objectAtIndex:i];
14 coords.latitude = loc.coordinate.latitude;
15 coords.longitude = loc.coordinate.longitude;
16 pointsToUse[i] = coords;
17 }
18 MKPolyline *lineOne = [MKPolyline polylineWithCoordinates:pointsToUse count:[self.routes count]];
19 [self.mapView addOverlay:lineOne];
20 }
1 - (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id <MKOverlay>)overlay{
2if ([overlay isKindOfClass:[MKPolyline class]]){
3 MKPolylineView *lineview = [[MKPolylineView alloc] initWithOverlay:overlay];
4// 路线颜色 5 lineview.strokeColor = [UIColor colorWithRed:0.0 green:126.0/255 blue:1.0 alpha:.75];
6// 宽度 7 lineview.lineWidth = 12.0;
8return lineview;
9 }
10return nil;
11}
1213 - (MKAnnotationView *) mapView:(MKMapView *)mapView viewForAnnotation:(id <MKAnnotation>) annotation {
14if ([annotation isKindOfClass:[PlaceMark class]]) {
15// 对于每一个坐标点，不论是否被选中，都用一个MKPinAnnotationView来显示标记16 MKPinAnnotationView *annotationView = (MKPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:@"PlaceMark"];
17if(annotationView == nil) {
18 annotationView = [[MKPinAnnotationView alloc] initWithAnnotation:annotation
19 reuseIdentifier:@"PlaceMark"];
20 }
21 PlaceMark *mark = (PlaceMark *)annotation;
22 annotationView.pinColor = mark.pinColor;
23 annotationView.animatesDrop = NO;
24 annotationView.canShowCallout = NO;
25return annotationView;
26 }elseif ([annotation isKindOfClass:[CalloutMapAnnotation class]]){
27// 如果是当前选中的坐标点，那么会添加一个CalloutMapAnnotation，则此时用CallOutAnnotationView来显示标记28 CallOutAnnotationView *annotationView = (CallOutAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:@"CalloutView"];
29if (!annotationView) {
30 annotationView = [[CallOutAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"CalloutView"];
31 CustomCalloutView *cell = [[[NSBundle mainBundle] loadNibNamed:@"CustomCalloutView" owner:self options:nil] objectAtIndex:0];
32 [annotationView.contentView addSubview:cell];
33 }
34for (id subView in annotationView.contentView.subviews) {
35if ([subView isKindOfClass:[CustomCalloutView class]]) {
36 CustomCalloutView *callout = (CustomCalloutView *)subView;
37 CalloutMapAnnotation *mapMark = (CalloutMapAnnotation *)annotation;
38 callout.addressLabel.text = mapMark.addr;
39 callout.addressTimeLabel.text = mapMark.time;
40 }
41 }
42 [annotationView showWithAnimation:YES];
43return annotationView;
44 }
45return nil;
46}
4748 - (void)mapView:(MKMapView *)mapView didSelectAnnotationView:(MKAnnotationView *)view{
49if ([view.annotation isKindOfClass:[PlaceMark class]]) {
50// 只响应大头针类型的 PlaceMark 标记的选中事件51 PlaceMark *placeMark = (PlaceMark *)view.annotation;
52 self.calloutAnnotation = [[CalloutMapAnnotation alloc]
53 initWithLatitude:view.annotation.coordinate.latitude
54 andLongitude:view.annotation.coordinate.longitude];
55 self.calloutAnnotation.addr = placeMark.locationDetailBean.street;
56if (placeMark.locationDetailBean.time) {
57 NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
58 [formatter setDateFormat:@"yyyy-MM-dd HH:mm"];
59 self.calloutAnnotation.time = [formatter stringFromDate:[NSDate dateWithTimeIntervalSince1970:placeMark.locationDetailBean.time]];
60 }
6162// 创建并添加self.calloutAnnotation到地图63 [mapView addAnnotation:self.calloutAnnotation];
64// 当前点居中65 [mapView setCenterCoordinate:self.calloutAnnotation.coordinate animated:YES];
6667// 点击回调，用于通知上层点击的事件68if (self.delegate && [self.delegate respondsToSelector:@selector(mapView:didShowCallOutViewWithDetailBean:)]) {
69 [self.delegate mapView:self didShowCallOutViewWithDetailBean:placeMark.locationDetailBean];
70 }
71 }
72}
7374 - (void)mapView:(MKMapView *)mapView didDeselectAnnotationView:(MKAnnotationView *)view {
75// 取消选中，删除这个Annotation标记76if (self.calloutAnnotation && ![view isKindOfClass:[CalloutMapAnnotation class]]) {
77if (self.calloutAnnotation.coordinate.latitude == view.annotation.coordinate.latitude&&
78 self.calloutAnnotation.coordinate.longitude == view.annotation.coordinate.longitude) {
79 [mapView removeAnnotation:self.calloutAnnotation];
80 }
81 }
82 }
注释都写得很详尽，正如前面所说的，实现地图标记和路径绘制两个功能，非常关键的就是做好响应回调的实现。具体代码参考demo：
https://github.com/pigpigdaddy/MapDemo
原文：http://www.cnblogs.com/pigpigDD/p/4013260.html
内容总结
以上是互联网集市为您收集整理的Working with MapKit 使用自定义 MKAnnotation 为地图坐标标记 绘制路径全部内容，希望文章能够帮你解决Working with MapKit 使用自定义 MKAnnotation 为地图坐标标记 绘制路径所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。