iOS 自定义大头针

作者: CMD独白 | 来源:发表于2016-10-28 11:07 被阅读580次

先了解一下大头针视图：

MKPinAnnotationView ：不能改变大头针的图片可以改变颜色
MKAnnotationView：自己随意定义大头针的样式

大头针使用的一些属性：

《1》初始化initWithAnnotation:reuseIdentifier:
《2》image 设置大头针图片
《3》centerOffset 中心点的偏移量 x正右 y正下
《4》calloutOffset 插图的偏移量
《5》enabled 是否激活默认YES
《6》highlighted 是否高亮默认NO
《9》selected 是否选中
《10》canShowCallout 设置是否可以显示插入视图
《11》leftCalloutAccessoryView 左侧插入视图的附加视图
《12》rightCalloutAccessoryView：右侧插入视图的附加视图
《13》detailCalloutAccessoryView iOS9之后出现插入视图的详细视图
《14》draggable 是否可以拖拽
《15》dragState 拖拽的状态

代码主要实现了：

地图添加大头针并且保存到本地
1.判断有没有可以读取的大头针模型数据
2.如果有读取添加到地图上
3.添加大头针的时候同时把大头针数据存到数组中
4.退出页面的时候对数组数据持久化

长按地图上的某个点添加一个大头针，大头针显示地理位置的真实信息
1.添加长按手势
2.添加一个大头针数据模型到地图上
《1》视图上的point 需要转换成经纬度
《2》把数据模型添加到地图上
addAnnotation：添加一个大头针数据模型
addAnnotations：添加一组大头针数据模型
移除大头针
removeAnnotation ：移除一个
removeAnnotations ：移除多个

代码如下：

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

@interface ViewController ()<MKMapViewDelegate>
{
    CLLocationManager *locationManger;
    MKMapView *myMapView;
    NSMutableArray *allAnnotationsArray;
    
}

@property (nonatomic,strong) CLGeocoder *geoCoder;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
   
    if (![CLLocationManager locationServicesEnabled]) {
      UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"温馨提示" message:@"请在设置中打开定位功能" preferredStyle:UIAlertControllerStyleAlert];
        
        UIAlertAction *action = [UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
            
        }];
        
        [alertController addAction:action];
        
        [self presentViewController:alertController animated:YES completion:nil];

    }
    locationManger = [[CLLocationManager alloc]init];
    [locationManger requestWhenInUseAuthorization];
    myMapView = [[MKMapView alloc]initWithFrame:self.view.frame];
    myMapView.mapType = MKMapTypeStandard;
    myMapView.showsUserLocation = YES;
    myMapView.delegate = self;
    [self.view addSubview:myMapView];
    
    UILongPressGestureRecognizer *addPin = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(addPin:)];
    [myMapView addGestureRecognizer:addPin];    
}

地图代理方法：

- (void)mapView:(MKMapView *)mapView didUpdateUserLocation:(MKUserLocation *)userLocation{
    
    [mapView setCenterCoordinate:userLocation.location.coordinate animated:YES];
    
    MKCoordinateSpan span = MKCoordinateSpanMake(0.1, 0.1);
    MKCoordinateRegion regin = MKCoordinateRegionMake(userLocation.location.coordinate, span);
    [mapView setRegion:regin animated:YES];
    
//    userLocation -> MKUserLocation ->大头针数据模型（用户）->遵守
//    MKAnnotation协议 ->经纬度  标题  副标题
//    MKUserLocation 经纬度  标题  副标题 航向 location
    userLocation.title = @"深圳市龙岗区"; 
}

在这里可以设置大头针的图片、位置等：

- (nullable MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id <MKAnnotation>)annotation{
    
    //    判断是不是用户的大头针数据模型
    if ([annotation isKindOfClass:[MKUserLocation class]]) {
        
        MKAnnotationView *userView = [[MKAnnotationView alloc]initWithAnnotation:annotation reuseIdentifier:@"user"];
        
        //        image 设置大头针视图的图片
        userView.image = [UIImage imageNamed:@"7"];
        
        //  是否允许显示插入视图
        userView.canShowCallout = YES;
        
        //设置大头针视图中心点偏移
        //x 正 -> 向右
        //Y 正 -> 向下
        userView.centerOffset = CGPointMake(100, -100);
        
        //设置大头针插入视图的 偏移量
        userView.calloutOffset = CGPointMake(-50, 0);
        
        //设置大头针视图  是否可以拖动
        userView.draggable = YES;
        
        //设置配件视图
        
        UIImageView *leftView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 30, 30)];
        leftView.image = [UIImage imageNamed:@"7"];
        userView.leftCalloutAccessoryView = leftView;
        
        UIImageView *rightView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 30, 30)];
        rightView.image = [UIImage imageNamed:@"7"];
        userView.rightCalloutAccessoryView = rightView;
        
 UIImageView *detailView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 30, 30)];
        detailView.image = [UIImage imageNamed:@"7"];
        userView.detailCalloutAccessoryView = detailView;
        return userView;
    }
    
    return nil;
}

//定位成功的代理方法
- (void)locationManager:(CLLocationManager *)manager
     didUpdateLocations:(NSArray<CLLocation *> *)locations{
    NSLog(@"定位成功");
    //此处locations存储了持续更新的位置坐标值，取最后一个值为最新位置，如果不想让其持续更新位置，则在此方法中获取到一个值之后让locationManager stopUpdatingLocation
    
    CLLocation *currentLocation = [locations lastObject];
    
    NSLog(@"locations===%@",[locations lastObject]);
//    [self ungeocoder:currentLocation];
    // 获取当前所在的城市名
    CLGeocoder *geocoder = [[CLGeocoder alloc] init];
    
    //根据经纬度反向地理编译出地址信息
    
    [geocoder reverseGeocodeLocation:currentLocation completionHandler:^(NSArray *array, NSError *error)
     
     {
         if (array.count > 0)
             
         {
             CLPlacemark *placemark = [array objectAtIndex:0];
            NSLog(@"%@",placemark.name);

             //获取城市
             
             NSString *city = placemark.locality;
             
             if (!city) {
                 //四大直辖市的城市信息无法通过locality获得，只能通过获取省份的方法来获得（如果city为空，则可知为直辖市）
                 city = placemark.administrativeArea;
                 
             }
             NSLog(@"%@",city);

         }
         
         else if (error == nil && [array count] == 0)
             
         {
             NSLog(@"No results were returned.");
         }
         
         else if (error != nil)
             
         {
          NSLog(@"An error occurred = %@", error);
             
         }
         
     }];
    
    //系统会一直更新数据，直到选择停止更新，因为我们只需要获得一次经纬度即可，所以获取之后就停止更新
    
    [manager stopUpdatingLocation];
}

//定位失败的代理方法
- (void)locationManager:(CLLocationManager *)manager

       didFailWithError:(NSError *)error {
    
    NSLog(@"定位失败");
    
    if (error.code == kCLErrorDenied) {
        
        // 提示用户出错原因，可按住Option键点击 KCLErrorDenied的查看更多出错信息，可打印error.code值查找原因所在
        
    }
}

把大头针保存到本地，代码如下：

- (void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    //    作.判断有没有可以读取的大头针数据模型
    if ([[NSUserDefaults standardUserDefaults] boolForKey:@"isSave"]) {
        
        allAnnotationsArray = [[[NSUserDefaults standardUserDefaults]arrayForKey:@"allAnnotationsArray"] mutableCopy];
        
        NSMutableArray *dataList = [NSMutableArray array];
        for (NSDictionary *info in allAnnotationsArray) {
            MKPointAnnotation *an = [[MKPointAnnotation alloc]init];
            an.coordinate = CLLocationCoordinate2DMake([info[@"coordinate"][@"latitude"] doubleValue], [info[@"coordinate"][@"longitude"] doubleValue]);
            an.title = info[@"title"];
            [dataList addObject:an];
        }
        
        // 作第二步
        [myMapView addAnnotations:dataList];
        
    }else{
        allAnnotationsArray = [NSMutableArray array];
    }
}
- (void)viewDidDisappear:(BOOL)animated{
    [super viewDidDisappear:animated];
    NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults]; 
    if (allAnnotationsArray.count != 0) {
        [defaults setObject:allAnnotationsArray forKey:@"allAnnotationsArray"];
        [defaults setBool:YES forKey:@"isSave"];
    }
    //    多线程同步  方式保存
    [defaults synchronize];    
}

长按屏幕，添加大头针，代码如下：

- (void)addPin:(UILongPressGestureRecognizer *)sender{
    
    if (sender.state != UIGestureRecognizerStateBegan) {
    return;
    }
    
    MKPointAnnotation *annotation = [[MKPointAnnotation alloc]init];
    
    
//    通过手势  得到手指 触摸的点 -> point
    CGPoint point = [sender locationInView:self.view];
    
//    通过地图类的对象  把点转换成经纬度
    CLLocationCoordinate2D coordinate = [myMapView convertPoint:point toCoordinateFromView:sender.view];
    
  [self.geoCoder reverseGeocodeLocation:[[CLLocation alloc]initWithLatitude:coordinate.latitude longitude:coordinate.longitude] completionHandler:^(NSArray<CLPlacemark *> * _Nullable placemarks, NSError * _Nullable error) {
        
        annotation.coordinate = coordinate;
        annotation.title = placemarks.firstObject.name;
       [myMapView addAnnotation:annotation];
        
//        作第三步  添加大头针地图的时候  同时添加到数组
        [allAnnotationsArray addObject:@{@"coordinate":@{@"latitude":@(coordinate.latitude),@"longitude":@(coordinate.longitude)},@"title":placemarks.firstObject.name}];
 
    }];    
}

iOS 自定义大头针

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

iOS开发