iOS原生地图开发指南续——大头针与自定义标注

iOS原生地图开发指南续——大头针与自定义标注

出自:http://www.sxt.cn/info-6042-u-7372.html 

在上一篇博客中http://my.oschina.net/u/2340880/blog/415360系统总结了iOS原生地图框架MapKit中主体地图的设置与应用。这篇是上一篇的一个后续,总结了系统的大头针视图以及自定义标注视图的方法。

一、先来认识一个协议MKAnnotation

官方文档告诉我们,所有标注的类必须遵守这个协议。所以可以了解,标注这个概念在逻辑属性和视图上是分开的。先来看下这个协议声明了哪些方法:

1
2
3
4
5
6
7
8
9
@protocol MKAnnotation <NSObject>
@property (nonatomic, readonly) CLLocationCoordinate2D coordinate; //地理坐标位置
@optional
@property (nonatomic, readonly, copy) NSString *title; //标题
@property (nonatomic, readonly, copy) NSString *subtitle; //副标题
//拖动时调用
- ( void )setCoordinate:(CLLocationCoordinate2D)newCoordinate;
 
@end

二、创建一个系统标注大头针

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
- ( void )viewDidLoad {
     [super viewDidLoad];
     //初始化地图
     mapView =[[MKMapView alloc]initWithFrame:self.view.frame];
     //设置代理
     mapView.delegate=self;
     //设置位置
     mapView.region=MKCoordinateRegionMake(CLLocationCoordinate2DMake(39.26, 116.3), MKCoordinateSpanMake(1.8, 1));
     mapView.mapType=MKMapTypeStandard;
     //初始化一个大头针类
     MKPointAnnotation * ann = [[MKPointAnnotation alloc]init];
     //设置大头针坐标
     ann.coordinate=CLLocationCoordinate2DMake(39.26, 116.3);
     ann.title=@ "我" ;
     ann.subtitle=@ "看这里" ;
     [mapView addAnnotation:ann];
     [self.view addSubview:mapView];
}
效果如下:

重绘大头针视图,大头针渲染时会调用地图代理的方法,我们可以重写这个方法进行大头针的重绘,来更改其颜色:

1
2
3
4
5
6
-(MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id<MKAnnotation>)annotation{
     //创建一个系统大头针对象
     MKPinAnnotationView * view = [[MKPinAnnotationView alloc]initWithAnnotation:annotation reuseIdentifier:@ "pin" ];
     view.pinColor=MKPinAnnotationColorGreen; //设置颜色为绿色
     return  view;
}

效果如下:


MKAnnotationView是标注的视图类,一会我们通过它来自定义我们自己的标注,先来看MKPinAnnotationView这个类,这个类继承于MKAnnotationView,是一个大头针视图类。这个类根简单,只有一下两个属性:

@property (nonatomic) MKPinAnnotationColor pinColor;

设置大头针的颜色,枚举如下:

1
2
3
4
5
typedef  NS_ENUM(NSUInteger, MKPinAnnotationColor) {
     MKPinAnnotationColorRed = 0, //红色
     MKPinAnnotationColorGreen, //绿色
     MKPinAnnotationColorPurple //紫色
};

@property (nonatomic) BOOL animatesDrop;

设置添加时是否显示降落动画

三、自定义标注视图

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
-(MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id<MKAnnotation>)annotation{
     MKAnnotationView * view = [[MKAnnotationView alloc]initWithAnnotation:annotation reuseIdentifier:@ "annotation" ];
     //设置标注的图片
     view.image=[UIImage imageNamed:@ "保温车0.png" ];
     //点击显示图详情视图 必须MJPointAnnotation对象设置了标题和副标题
     view.canShowCallout=YES;
     //创建了两个view
     UIView * view1 = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 50, 50)];
     view1.backgroundColor=[UIColor redColor];
     UIView * view2 = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 30, 50)];
     view2.backgroundColor=[UIColor blueColor];
     //设置左右辅助视图
     view.leftCalloutAccessoryView=view1;
     view.rightCalloutAccessoryView=view2;
     //设置拖拽 可以通过点击不放进行拖拽
     view.draggable=YES;
     return  view;
}

效果如下:

四、标注视图类MKAnnotationView的其他常用属性解读

@property (nonatomic) CGPoint centerOffset;

视图中心的偏移量

@property (nonatomic) CGPoint calloutOffset;

点击后弹出视图的偏移量

@property (nonatomic, getter=isEnabled) BOOL enabled;

设置是否有效

@property (nonatomic, getter=isHighlighted) BOOL highlighted;

是否高亮状态

@property (nonatomic) CGPoint leftCalloutOffset;

设置左辅助视图的偏移量

@property (nonatomic) CGPoint rightCalloutOffset;

设置右辅助视图的偏移量

转载于:https://www.cnblogs.com/modaoyicheng/p/4891889.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值