您的位置:首页 > 移动开发 > IOS开发

iOS:实现MKAnnotation协议,在地图上设置大头针,点击显示具体的位置信息

2015-10-19 22:41 891 查看
如何添加大头针(地标):

通过MapView的addAnnotation方法可以添加一个大头针到地图上
通过MapView的addAnnotations方法可以添加多个大头针到地图上
–(void)addAnnotation:(id <MKAnnotation>)annotation;
说明:需要传入一个遵守了MKAnnotation协议的对象

基本步骤为:
<1>新建一个遵守MKAnnotation协议的类:

@interface MyAnnotation : NSObject <MKAnnotation>

@property (nonatomic, assign) CLLocationCoordinate2D coordinate;

@property (nonatomic, copy) NSString *title;

@property (nonatomic, copy) NSString *subtitle;

@end

<2>添加Annotation:

MyAnnotation *anno = [[MyAnnotation alloc] init];

anno.title = @“中国";

anno.subtitle = @“北京”;

//经度和纬度

anno.coordinate = CLLocationCoordinate2DMake(40, 110);

//添加大头针到地图中

[_mapView addAnnotation:anno];

// 让地图挪动到对应的位置(经纬度交叉处)

[_mapView setCenterCoordinate:anno.coordinate animated:YES];

自定义大头针:

实现MapView的代理方法
- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id<MKAnnotation>)annotation

{

static NSString *ID = @"anno";

MKPinAnnotationView *annoView = (MKPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:ID];

if (annoView == nil) {

annoView = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:ID];

// 显示气泡

annoView.canShowCallout = YES;

// 设置绿色

annoView.pinColor = MKPinAnnotationColorGreen;

}

return annoView;

}

注意:可以通过设置MapAnnotationView的image属性来自定义大头针显示的图片

涉及的几个类一些属性或方法的介绍:

//大头针标注颜色枚举

typedef NS_ENUM(NSUInteger, MKPinAnnotationColor) {

MKPinAnnotationColorRed = 0,

MKPinAnnotationColorGreen,

MKPinAnnotationColorPurple

} ;

//大头针标注视图类

@interface MKPinAnnotationView : MKAnnotationView

@property (nonatomic) MKPinAnnotationColor pinColor; //大头针标注颜色

@property (nonatomic) BOOL animatesDrop; //是否显示水滴动态

@end

//标注视图类

@interface MKAnnotationView : NSView

- (instancetype)initWithAnnotation:(id <MKAnnotation>)annotation reuseIdentifier:(NSString*)reuseIdentifier; //初始化

@property (nonatomic, readonly) NSString *reuseIdentifier; //重用标示符

@property (nonatomic, strong) id <MKAnnotation> annotation; //标注

@property (nonatomic, strong) UIImage *image; //图像

@property (nonatomic) BOOL canShowCallout; //是否显示气泡

@property (strong, nonatomic) UIView *leftCalloutAccessoryView; //气泡左视图(多用来显示图片)

@property (strong, nonatomic) UIView *rightCalloutAccessoryView; //气泡右视图(多用来显示图片)

具体的演示实例如下:
功能:首先创建一个标注在地图上显示当前的区域的名字,然后创建一个长按手势,当在人一个地点长按时,就会在长按的地方自动添加一个大头针标注,并且会显示一个气泡显示图片,地点名字信息可以待定.........

前期准备:
1.导入Mapkit框架:



2.导入一个图片素材,用来做大头针视图的一个图片显示:



3.自顶一个一个类,这个类实现了<MKAnnotation>协议,自定义类MyAnnotation截图为:



代码实现:
1.在自定义类的MYAnnotation.h文件声明大头针标注的属性

#import <Foundation/Foundation.h>
#import <MapKit/MapKit.h>

@interface MyAnnotation : NSObject<MKAnnotation>
@property (assign,nonatomic)CLLocationCoordinate2D coordinate;   //经纬度坐标
@property (copy,nonatomic)NSString *title; //大头针标注标题
@property (copy,nonatomic)NSString *subtitle; //大头针标注子标题
@end


2、在ViewController.m文件中声明地图视图属性,并实现地图视图的协议

#import "ViewController.h"
#import <MapKit/MapKit.h>
#import "MyAnnotation.h"

@interface ViewController ()<MKMapViewDelegate>
@property (strong,nonatomic)MKMapView *mapView;  //声明地图视图控件
@end


3、给指定位置创建一个标注,同时创建长按手势

- (void)viewDidLoad {
[super viewDidLoad];
//创建Map实例
self.mapView = [[MKMapView alloc]initWithFrame:self.view.frame];

//设置地图的类型
self.mapView.mapType =  MKMapTypeStandard;

//设置地图的代理
self.mapView.delegate = self;

//将地图视图添加到控制器视图中
[self.view addSubview:self.mapView];

//创建一个标注
MyAnnotation *annotation = [[MyAnnotation alloc]init];

//设置北京的经纬度
annotation.coordinate = CLLocationCoordinate2DMake(40, 110);
annotation.title = @"中国";
annotation.subtitle = @"北京";

//添加标注
[self.mapView addAnnotation:annotation];

//让地图显示标注的区域
[self.mapView setCenterCoordinate:annotation.coordinate animated:YES];

//添加一个长按longPress手势
UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(longPress:)];
[self.mapView addGestureRecognizer:longPress];
}


4、处理长按手势事件,创建自定义的大头针标注

-(void)longPress:(UILongPressGestureRecognizer *)sender
{
//获取当前位置
CGPoint location = [sender locationInView:self.view];

//经纬度
CLLocationCoordinate2D coordinate = [self.mapView convertPoint:location toCoordinateFromView:self.mapView];

//创建新的标注
MyAnnotation *annotation = [[MyAnnotation alloc]init];
annotation.coordinate = coordinate;
annotation.title = @"新标注";
annotation.subtitle = @"待开发...";

//添加标注
[self.mapView addAnnotation:annotation];
}


5、实现地图视图的代理方法

#pragma mark -mapView的代理方法

//显示标注和气泡,并在气泡上设置图片

#pragma mark 显示标注视图
-(MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id<MKAnnotation>)annotation
{
//设置重用标示符
static NSString *annotationID = @"annotation";

//先从重用的队列中找
MKPinAnnotationView *view = (MKPinAnnotationView*)[mapView dequeueReusableAnnotationViewWithIdentifier:annotationID];

//没找到就创建
if (!view)
{
view = [[MKPinAnnotationView alloc]init];
}

//设置属性
view.annotation = annotation;
view.canShowCallout = YES;//显示气泡
view.pinColor = MKPinAnnotationColorGreen;//大头针颜色

//显示图片,取代大头针
//view.image = [UIImage imageNamed:@"1.png"];

//在气泡视图中显示图片
view.rightCalloutAccessoryView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"1.png"]];

return view;
}


//选中标注和取消标注时调用的方法

#pragma mark 选中了标注的处理事件
-(void)mapView:(MKMapView *)mapView didSelectAnnotationView:(MKAnnotationView *)view
{
NSLog(@"选中了标注");
}

#pragma mark 取消选中标注的处理事件
-(void)mapView:(MKMapView *)mapView didDeselectAnnotationView:(MKAnnotationView *)view
{
NSLog(@"取消了标注");
}


演示结果:(选中和取消标注时,输出结果就不打印了)

开始时: 点击大头针标注时:





再随意在某一个地方长按时出现一个新的大头这标注 点击大头标注时:



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: