美文网首页MKMapKit
MKMapKit学习总结(四)聚合

MKMapKit学习总结(四)聚合

作者: 生锈的浪花 | 来源:发表于2020-04-16 15:15 被阅读0次

    背景

    在高德sdk中提供了,聚合功能,那么使用回苹果自带的地图mkmapkit怎么来实现聚合的功能呢?mkmapkit本身就提供看聚合的功能,但是要注意的是,只是在iOS11以后才可以。iOS11以前就找其他方法吧,或者放弃吧😀

    介绍

    聚合用到的最重要的类就是
    MKMarkerAnnotationView
    当然这里主要讲一下用法,具体的介绍可以取找一下,苹果官方的sdk说明。

    当然可以理解
    MKMarkerAnnotationView 就是 MKAnnotationView的一个子类主要为了实现聚合功能的类。

    直接开搞

    • 第一步:
      我们这里新建一个类继承MKMarkerAnnotationView
      @interface JGMarkerAnnotationView : MKMarkerAnnotationView

    然后在.m的实现里面。
    ::重要的来了::

    @interface JGMarkerAnnotationView()
    @property (nonatomic, strong) NSString *imageName;
    @end
    @implementation JGMarkerAnnotationView
    - (instancetype)initWithAnnotation:(id<MKAnnotation>)annotation reuseIdentifier:(NSString *)reuseIdentifier
    {
        self = [super initWithAnnotation:annotation reuseIdentifier:reuseIdentifier];
         if (self) {
             _imageName = [NSString stringWithFormat:@“飞机图标_%@“ ,annotation.subtitle];
             self.displayPriority = MKFeatureDisplayPriorityDefaultLow;
             self.glyphTintColor = [UIColor blueColor];
             self.clusteringIdentifier = @“uav”;
             self.collisionMode = MKAnnotationViewCollisionModeCircle;
             [self resetMarkGlyph:NO];  
         }
        return self;   
    }
    - (void)resetMarkGlyph:(BOOL)isCluster
    {
        if (isCluster) {
            self.markerTintColor = [UIColor whiteColor];
            self.glyphText = nil;
            self.image = nil;
        }
        else {
            self.markerTintColor = [UIColor clearColor];
            self.glyphText = @"";
            //设置标注的图片
            self.image = [UIImage imageNamed:_imageName];
            if (self.image == nil) {
                self.image = [UIImage imageNamed:@"飞机图标_0_sync"];
            }
        }
    }
    

    上面就是对这个view上的图片和聚合以后的文字,样式进行设置。
    然后最关键的一句话是:
    self.clusteringIdentifier = @“uav”;
    在这里,对每一个可聚合的view设置了一个id。可以理解为,如果这个对地图进行zoom放大或者缩小的时候,如果形成聚合。会根据这个id,如果id相同,就会聚合到一起,展示数量的label。

    • 第二步
      我们要去mkmapkit的代理中去关联你新建的这个JGMarkerAnnotationView
      我们需要在比较靠前的地方先去注册这个JGMarkerAnnotationView类,这里的实现方式,我觉得可以用对tabview的实现方式,来理解这里。
      tabview的实现方式,先注册一个cell的类,然后去代理中服用。这里也是一样的。
      ::重要::
    - (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view.
        // 初始化地图
    ***********
    //
       [_mapView registerClass:[JGMarkerAnnotationView class] forAnnotationViewWithReuseIdentifier:MKMapViewDefaultAnnotationViewReuseIdentifier];
     }
    
    

    然后就是在代理中,关联一下

    - (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id<MKAnnotation>)annotation
    {
       JGMarkerAnnotationView *annotationView  = (JGMarkerAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:@“mark”];  
        if (!annotationView) {
            annotationView = [[JGMarkerAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:MKMapViewDefaultAnnotationViewReuseIdentifier];
        }
        if ([annotation isKindOfClass:[JGAnnotation class]]) {
            [annotationView resetMarkGlyph:NO];
        }
        else if ([annotation isKindOfClass:[MKClusterAnnotation class]]) {
            [annotationView resetMarkGlyph:YES];
        }
        return annotationView;
    }
    

    好,这里就算完成了,中间的一个if和else if为了显示聚合和非聚合情况下,显示的一下区别。

    相关文章

      网友评论

        本文标题:MKMapKit学习总结(四)聚合

        本文链接:https://www.haomeiwen.com/subject/yzgrvhtx.html