当前位置 : 主页 > 手机开发 > harmonyos >

ios开发之--高德地图以及自定义大头针和气泡、导航

来源:互联网 收集:自由互联 发布时间:2023-08-26
以前开发一直用的百度地图,这次开发想用用高德地图,不复杂,在这里仅做记录,效果如下: 效果不怎么好,产品,,,,你懂的! 代码如下: 准备工作,就不多说了! 1,如下,

以前开发一直用的百度地图,这次开发想用用高德地图,不复杂,在这里仅做记录,效果如下:

 

效果不怎么好,产品,,,,你懂的!

代码如下:

准备工作,就不多说了!

1,如下,从Demo里面把这两个类拉到自己的项目里面:

CustomCalloutView.h

CustomCalloutView.m

 

CustomAnnotationView.h

CustomAnnotationView.m

 

2,在CustomAnnotationView这个类里面自定义自己所需要展示的样式:

CustomAnnotationView.m里面的代码:

#define kArrorHeight        10

#define kPortraitMargin     5
#define kPortraitWidth      70
#define kPortraitHeight     50

#define kTitleWidth         120
#define kTitleHeight        20

#define kCalloutWidth       200.0
#define kCalloutHeight      70.0

#define kWidth  150.f
#define kHeight 60.f

#import "CustomAnnotationView.h"
#import "ChangeViewController.h"
#import "LoginViewController.h"

@interface CustomAnnotationView()

@property (nonatomic, strong) UILabel *titleLabel;//评分
@property (nonatomic, strong) UILabel *subtitleLabel;//地址
@property (nonatomic, strong) UILabel *equipmentInfoLabel;//设备信息
@property (nonatomic, strong) UILabel *wattingLabel;//等待人数
@property (nonatomic,copy)NSString *deviceStr;//桩号
@property (nonatomic,copy)NSString *fauUserStr;//负责人
@property (nonatomic,copy)NSString *funMobileStr;//负责人电话

@property (nonatomic,copy)NSMutableArray *deviceInfoAry;

@property (nonatomic,copy)NSString *deviceQueueID;//队列号

@end

@implementation CustomAnnotationView

-(NSMutableArray *)deviceInfoAry
{
    if (!_deviceInfoAry) {
        _deviceInfoAry = [NSMutableArray array];
    }
    return _deviceInfoAry;
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated
{
     NSLog(@"%@", selected ? @"YES" : @"NO");
    
    if (self.selected == selected)
    {
        return;
    }
    
    if (selected)
    {
        if (self.calloutView == nil)
        {
            self.calloutView = [[CustomCalloutView alloc]initWithFrame:CGRectMake(0, 0, kCalloutWidth, 110+70)];
//            self.backgroundColor = BackgroundColor;
            self.calloutView.center = CGPointMake(CGRectGetWidth(self.bounds) / 2.f + self.calloutOffset.x,-CGRectGetHeight(self.calloutView.bounds) / 2.f + self.calloutOffset.y);
            
            [self initSubViews];
            
            CLLocationCoordinate2D coorinate = [self.annotation coordinate];
            
            for (int i = 0; i < self.dataAry.count; i ++) {
                DevicesModel *model = self.dataAry[i];
                if ([model.latitude floatValue] == coorinate.latitude && [model.longitude floatValue] == coorinate.longitude) {
                    self.titleLabel.text = [NSString stringWithFormat:@"评分:%@",model.score];
                    self.subtitleLabel.text = [NSString stringWithFormat:@"地址:%@",model.address];
                    self.equipmentInfoLabel.text = [NSString stringWithFormat:@"设备信息:%@",model.statshow];
                    self.wattingLabel.text = [NSString stringWithFormat:@"等待人数:%@",model.queue];
                    self.deviceStr = [NSString stringWithFormat:@"%@",model.device_no];
                    self.fauUserStr = [NSString stringWithFormat:@"%@",model.device_leader];
                    self.funMobileStr = [NSString stringWithFormat:@"%@",model.leader_mobile];
                    
                    self.deviceQueueID = [NSString stringWithFormat:@"%@",model.ida];
                    
                    NSString *wattingStr = [NSString stringWithFormat:@"%@",model.queue];
                    NSString *addressStr = [NSString stringWithFormat:@"%@",model.address];
                    
                    NSString *latStr = [NSString stringWithFormat:@"%@",model.latitude];
                    NSString *lonStr = [NSString stringWithFormat:@"%@",model.longitude];
                    
                    self.deviceInfoAry = [NSMutableArray arrayWithObjects:self.deviceStr,wattingStr,self.fauUserStr,self.funMobileStr,addressStr,latStr,lonStr,self.deviceQueueID, nil];
                    NSLog(@"infoary is %@",self.deviceInfoAry);
                    
                }
            }
        }
        
        [self addSubview:self.calloutView];
    }
    else
    {
        [self.calloutView removeFromSuperview];
    }
    
    [super setSelected:selected animated:animated];
}

- (void)initSubViews
{
    // 添加标题,即评分
    self.titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(kPortraitMargin, kPortraitMargin, kTitleWidth, kTitleHeight)];
    self.titleLabel.textColor = [UIColor darkGrayColor];
    [self.calloutView addSubview:self.titleLabel];
    
    // 添加副标题,即商户地址
    self.subtitleLabel = [[UILabel alloc] initWithFrame:CGRectMake(kPortraitMargin, kPortraitMargin * 2 + kTitleHeight, kCalloutWidth, kTitleHeight)];
    self.subtitleLabel.font = [UIFont systemFontOfSize:12];
    self.subtitleLabel.textColor = [UIColor darkGrayColor];
    self.subtitleLabel.numberOfLines = 0;
    [self.calloutView addSubview:self.subtitleLabel];
    
    // 设备信息
    self.equipmentInfoLabel = [[UILabel alloc] initWithFrame:CGRectMake(kPortraitMargin, CGRectGetMaxY(self.subtitleLabel.frame)+kPortraitMargin, kCalloutWidth, kTitleHeight)];
    self.equipmentInfoLabel.font = [UIFont systemFontOfSize:12];
    self.equipmentInfoLabel.textColor = [UIColor darkGrayColor];
    [self.calloutView addSubview:self.equipmentInfoLabel];
    
    // 等待人数
    self.wattingLabel = [[UILabel alloc] initWithFrame:CGRectMake(kPortraitMargin, CGRectGetMaxY(self.equipmentInfoLabel.frame)+kPortraitMargin, kCalloutWidth, kTitleHeight)];
    self.wattingLabel.font = [UIFont systemFontOfSize:12];
    self.wattingLabel.textColor = [UIColor darkGrayColor];
    [self.calloutView addSubview:self.wattingLabel];
    
    _cancelBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    _cancelBtn.frame = CGRectMake(kPortraitMargin, CGRectGetMaxY(self.wattingLabel.frame)+5, 50, 50);
    [_cancelBtn setTitle:@"取消" forState:UIControlStateNormal];
    [_cancelBtn setTitleColor:[UIColor darkTextColor ] forState:UIControlStateNormal];
    _cancelBtn.titleLabel.font = [UIFont systemFontOfSize:12];
    [_cancelBtn addTarget:self action:@selector(cancelAction:) forControlEvents:UIControlEventTouchUpInside];
//    [self.calloutView addSubview:_cancelBtn];
    
    _changeBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    _changeBtn.frame = CGRectMake(kCalloutWidth-kPortraitMargin-50, CGRectGetMaxY(self.wattingLabel.frame)+5, 50, 50);
    _changeBtn.titleLabel.font = [UIFont systemFontOfSize:12];
    [_changeBtn setTitle:@"选择它" forState:UIControlStateNormal];
    [_changeBtn setTitleColor:MainColor forState:UIControlStateNormal];
    [_changeBtn addTarget:self action:@selector(changeAction:) forControlEvents:UIControlEventTouchUpInside];
    [self.calloutView addSubview:_changeBtn];
}

-(void)cancelAction:(UIButton *)btn
{
    NSLog(@"点击了取消");
    [self.calloutView removeFromSuperview];
    [self setSelected:NO];
}

-(void)changeAction:(UIButton *)btn
{
    NSLog(@"点击了");
    [self setSelected:NO];
    
    
}



- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
{
    BOOL inside = [super pointInside:point withEvent:event];

    if (!inside && self.selected)
    {
        inside = [self.calloutView pointInside:[self convertPoint:point toView:self.calloutView] withEvent:event];
    }
    
    return inside;
}



@end

以上就是在view里面重组自己想要的UI效果,点击事件的话就是那个按钮,也可以直接写个代理方法,到主页面调用!

 

3,在首页展示自定义大头针:

[self.mapView addAnnotations:self.annotations];
[self.mapView showAnnotations:self.annotations edgePadding:UIEdgeInsetsMake(20, 20, 20, 80) animated:YES];

 

self.annotations这个是个数组,里面就是经纬度,然后就能在地图上展示了!

4,最主要的就是实现这个方法:

/* 实现代理方法:*/
- (MAAnnotationView *)mapView:(MAMapView *)mapView viewForAnnotation:(id<MAAnnotation>)annotation
{
    if ([annotation isKindOfClass:[MAUserLocation class]]) {
        return nil;
    }
    
    if ([annotation isKindOfClass:[MAPointAnnotation class]])
    {
        static NSString *reuseIndetifier = @"annotationReuseIndetifier";
        CustomAnnotationView *annotationView = (CustomAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:reuseIndetifier];
        
        if (annotationView == nil)
        {
            annotationView = [[CustomAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:reuseIndetifier];
        }
        annotationView.image = [UIImage imageNamed:@"ding"];
        
        // 设置为NO,用以调用自定义的calloutView
        annotationView.canShowCallout = NO;
//没有排队
        =[annotationView setDataAry:self.contentAry];
// 设置中心点偏移,使得标注底部中间点成为经纬度对应点
        annotationView.centerOffset = CGPointMake(0, -18);
        
        return annotationView;
    }
    return nil;
    
}

这样就可以了!

 

其实主要的就上面这个方法!

 

作者:稻草人11223


上一篇:ios开发之--令UITableView滚动到指定位置
下一篇:没有了
网友评论