高德地图maker点聚合以及周边推荐

gif5新文件.gif

当移动地图后屏幕内没有maker时,出现指引的悬浮按钮,效果还是很酷炫的。

实现原理就是计算出屏幕中心和maker形成的夹角a,然后根据屏幕宽高比形成的夹角b和a作比较,把maker分为上下左右四组,再分别选出四组里离当前屏幕中心最近的点,即最多在屏幕的上下左右各悬浮一个指引按钮

根据形成的夹角a将maker分为上下左右四组

    NSMutableArray *topArr   = [NSMutableArray array];
    NSMutableArray *leftArr  = [NSMutableArray array];
    NSMutableArray *botArr   = [NSMutableArray array];
    NSMutableArray *rightArr = [NSMutableArray array];
    
    for (CustomInTurnAnnotationModel *model in dataSourceAnnotations)
    {
        CGPoint p = [mapView convertCoordinate:model.coordinate toPointToView:view];
        float angle       = atan2(p.y - SCREEN_HEIGHT/2.f,p.x - SCREEN_WIDTH/2.f) * (180.0 / M_PI);//场所和屏幕中心形成的角度
        if (angle < 0.f) {
            angle += 360;
        }
        float angleScreen = atan2(-SCREEN_HEIGHT/2.f,-SCREEN_WIDTH/2.f) * (180.0 / M_PI) + 180;//屏幕中心和原点形成的角度
        if (angle >= 180 + angleScreen && angle < 360 - angleScreen)
        {//上
            [topArr addObject:model];
        }else if (angle < 180 + angleScreen && angle >= 180 - angleScreen)
        {//左
            [leftArr addObject:model];
        }else if (angle < 180 - angleScreen && angle >= angleScreen)
        {//下
            [botArr addObject:model];
        }else
        {//右
            [rightArr addObject:model];
        }
    }

计算出四组maker,离当前屏幕中心的距离

 NSMutableArray *disTop = [NSMutableArray array];//顶部场所和屏幕中心距离
    for (int i = 0; i < topArr.count; i++)
    {
        CustomInTurnAnnotationModel *model = [topArr objectAtIndex:i];
        CLLocationCoordinate2D convertPoint = [mapView convertPoint:CGPointMake(SCREEN_WIDTH/2.f, SCREEN_HEIGHT/2.f) toCoordinateFromView:view];
        double dis = [self distancePoint1:model.coordinate Point2:convertPoint];
        NSString *diss = [NSString stringWithFormat:@"%.2f",dis];
        [disTop addObject:diss];
    }
    
    NSMutableArray *disLeft = [NSMutableArray array];//左部场所和屏幕中心距离
    for (int i = 0; i < leftArr.count; i++)
    {
        CustomInTurnAnnotationModel *model = [leftArr objectAtIndex:i];
        CLLocationCoordinate2D convertPoint = [mapView convertPoint:CGPointMake(SCREEN_WIDTH/2.f, SCREEN_HEIGHT/2.f) toCoordinateFromView:view];
        double dis = [self distancePoint1:model.coordinate Point2:convertPoint];
        NSString *diss = [NSString stringWithFormat:@"%.2f",dis];
        [disLeft addObject:diss];
    }
    
    NSMutableArray *disBot = [NSMutableArray array];//底部场所和屏幕中心距离
    for (int i = 0; i < botArr.count; i++)
    {
        CustomInTurnAnnotationModel *model = [botArr objectAtIndex:i];
        CLLocationCoordinate2D convertPoint = [mapView convertPoint:CGPointMake(SCREEN_WIDTH/2.f, SCREEN_HEIGHT/2.f) toCoordinateFromView:view];
        double dis = [self distancePoint1:model.coordinate Point2:convertPoint];
        NSString *diss = [NSString stringWithFormat:@"%.2f",dis];
        [disBot addObject:diss];
    }
    
    NSMutableArray *disRight = [NSMutableArray array];//右部场所和屏幕中心距离
    for (int i = 0; i < rightArr.count; i++)
    {
        CustomInTurnAnnotationModel *model = [rightArr objectAtIndex:i];
        CLLocationCoordinate2D convertPoint = [mapView convertPoint:CGPointMake(SCREEN_WIDTH/2.f, SCREEN_HEIGHT/2.f) toCoordinateFromView:view];
        double dis = [self distancePoint1:model.coordinate Point2:convertPoint];
        NSString *diss = [NSString stringWithFormat:@"%.2f",dis];
        [disRight addObject:diss];
    }

再分别从上面四个距离数组中找出最近的一个maker

#pragma mark - 查找离屏幕某个方向最近的点
- (NSInteger)findNearModel:(NSMutableArray *)array
{
    if (array.count > 0)
    {
        double dis0 = [array[0] floatValue];
        NSInteger index = 0;
        for (int i = 1; i < array.count; i++)
        {
            NSString *diss = [array objectAtIndex:i];
            double dis = [diss floatValue];
            if (dis0 > dis) {
                dis0 = dis;
                index = i;
            }
        }
        return index;
    }
    return -1;
}

分别设置上下左右四个悬浮按钮的大小和位置,有一个滑动范围

CGPoint p = [mapView convertCoordinate:model.coordinate toPointToView:view];
    float angle       = atan2(p.y - SCREEN_HEIGHT/2.f,p.x - SCREEN_WIDTH/2.f) * (180.0 / M_PI);//场所和屏幕中心形成的角度
    if (angle < 0.f) {
        angle += 360;
    }
    float angleScreen = atan2(-SCREEN_HEIGHT/2.f,-SCREEN_WIDTH/2.f) * (180.0 / M_PI) + 180;//屏幕中心和原点形成的角度
    if (angle >= 180 + angleScreen && angle < 360 - angleScreen)
    {//上
        CGFloat scalet = (angle - 180 - angleScreen)/(180 - 2*angleScreen);// 0<=scalet<1
        CGFloat topL   = SCREEN_WIDTH * scalet;
        CGFloat titlew = 0;
        if (![self isNullOrNilWithObject:model.nameStr])
        {
            titlew = [self getStringWidth:model.nameStr andFont:15.f] + 22;
        }
        titlew = MAX(titlew, 50);
        titlew = MIN(titlew, SCREEN_WIDTH - 42);
        CGFloat w = titlew;//场所文字的宽度
        topL -= w/2.f;
        topL = MAX(topL, 10);
        topL = MIN(topL, SCREEN_WIDTH - 10 - w);
        self.topLabel.text = model.nameStr;
        [UIView animateWithDuration:0.1 animations:^{
            self.topViewLeft.constant = topL;
            [self layoutIfNeeded];
        }];
        self.topViewWidth.constant = w;
        self.topView.hidden = false;
    }else if (angle < 180 + angleScreen && angle >= 180 - angleScreen)
    {//左
        CGFloat scalel  = 1 - (angle - 180 + angleScreen)/(2*angleScreen);// 0= angleScreen)
    {//下
        CGFloat scaleb  = 1 - (angle - angleScreen)/(180 - 2*angleScreen);// 0= 360 - angleScreen && angle < 360)
        {
            q = angle - 360 + angleScreen;
        }
        CGFloat scaler  = q/(2*angleScreen);// 0<=scalet<1
        CGFloat rightT  = SCREEN_HEIGHT * scaler;
        CGFloat titlew = 0;
        if (![self isNullOrNilWithObject:model.nameStr])
        {
            titlew = [self getStringWidth:model.nameStr andFont:15.f] + 42;
        }
        titlew = MAX(titlew, 50);
        titlew = MIN(titlew, SCREEN_WIDTH - 30);
        CGFloat w = titlew + 20;//场所文字的宽度
        rightT -= 19.f;
        rightT = MAX(rightT, 68);
        rightT = MIN(rightT, SCREEN_HEIGHT - 48 - 78);
        self.rightLabel.text = model.nameStr;
        [UIView animateWithDuration:0.1 animations:^{
            self.rightViewTop.constant = rightT;
            [self layoutIfNeeded];
        }];
        self.rightViewWidth.constant = w;
        self.rightView.hidden = false;
    }

因为高德API比较大,cocoapods没有下载API 终端cd到文件目录pod install 一下就可以了DEMO地址戳这里记得star一下哦

以上。

你可能感兴趣的:(高德地图maker点聚合以及周边推荐)