版本迭代需要集成百度地图,产品需求是每个大头针上方都需要固定展示大头针先关的信息,而在集成过程中,如果通过百度原装方法点击大头针,弹出气泡,会出现如下几个问题:
1.可以通过[mapView selectAnnotation:annotation animated:YES]方法在初始化时显示大头针气泡,但是从方法中很容易的看到,如果添加多个大头针,多个都需要初始化展示气泡,而它只能展示最后一个添加大头针的气泡,无法实现产品的需求
2.点击大头针,弹出气泡,点击第二个时第一个大头针的气泡会消失,归结起来就是使用气泡的方式显示大头针相关信息只会显示一条,不能同时显示多条信息
而针对产品的需求,需要显示多条大头针信息,百度地图sdk原装方法行不通,通过查阅相关资料,可以将大头针和气泡封装成一个整体,统一当成大头针使用,并取消点击大头针弹出气泡的方法,这样有一个小问题就是会出现大头针偏移的问题,需要用户根据需要自己调整大头针显示位置,设置偏移量;而如果需要点击大头针进行相关的操作,可以通过在大头针上方添加一个button,设定tag值绑定点击事件,下面是部分代码,可以参考:
在百度地图的代理方法中创建封装大头针
- (BMKAnnotationView *)mapView:(BMKMapView *)mapView viewForAnnotation:(id <BMKAnnotation>)annotation
{
if ([annotation isKindOfClass:[BMKPointAnnotation class]]) {
BMKPinAnnotationView *newAnnotationView = [[BMKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"myAnnotation"];
newAnnotationView.backgroundColor = [UIColor clearColor];
newAnnotationView.image = [UIImage imageNamed:@"qiP.png"]; //设置大头针占位图片
newAnnotationView.frame = CGRectMake(-70, -35, 140, 70); //占位图片为空,需要强制设置大头针的范围
newAnnotationView.userInteractionEnabled = YES;
newAnnotationView.enabled = YES;
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 0, 0)];
//气泡view
newAnnotationView.paopaoView = [[BMKActionPaopaoView alloc] initWithCustomView:view];
UIImageView *paoPaoImage = [[UIImageView alloc]init];
paoPaoImage.frame = CGRectMake(-45, -35, 140, 35);
paoPaoImage.image = [UIImage imageNamed:@"qiPao.png"];
[newAnnotationView addSubview:paoPaoImage];
//气泡view上大头针的信息
UILabel *busNameLabel = [[UILabel alloc]initWithFrame:CGRectMake(-35, -35, 50, 30)];
busNameLabel.text =busNameStr;
busNameLabel.textColor = [UIColor whiteColor];
busNameLabel.backgroundColor = [UIColor clearColor];
[newAnnotationView addSubview:busNameLabel];
UILabel *totalNumLab = [[UILabel alloc]initWithFrame:CGRectMake(25, -35, 70, 30)];
totalNumLab.text = bustotalNum;
totalNumLab.textAlignment = NSTextAlignmentCenter;
totalNumLab.textColor = [UIColor colorWithRed:245.0/255 green:153.0/255 blue:38.0/255 alpha:1];
totalNumLab.backgroundColor = [UIColor clearColor];
[newAnnotationView addSubview:totalNumLab];
UIImageView *schoolBusImage = [[UIImageView alloc]init];
schoolBusImage.frame = CGRectMake(0, 0, 50, 50);
schoolBusImage.image = [UIImage imageNamed:@"schoolBus.png"];
[newAnnotationView addSubview:schoolBusImage];
//点击事件的button
UIButton *backgroundBtn = [UIButton buttonWithType:UIButtonTypeCustom];
backgroundBtn.frame = CGRectMake(-15, -10, 70, 70);
backgroundBtn.tag = busTag;
[newAnnotationView addSubview:backgroundBtn];
[backgroundBtn addTarget:self action:@selector(backgroundBtnClick:) forControlEvents:UIControlEventTouchUpInside];
return newAnnotationView;
}
return nil;
}
创建大头针,并设置大头针的数据,必须依次添加大头针到地图上,不能整体添加
for (int i = 0; i < self.schoolLeaderArr.count; i++) {
double schoolBusLatitude = [self.schoolLeaderArr[i][@"latitude"] doubleValue];
double schoolBusLongitude = [self.schoolLeaderArr[i][@"longitude"] doubleValue];
schoolBusLocation = CLLocationCoordinate2DMake(schoolBusLatitude, schoolBusLongitude);
schoolBusAnnotation = [[BMKPointAnnotation alloc]init];
schoolBusAnnotation.coordinate = schoolBusLocation;
busNameStr = [NSString stringWithFormat:@"%@",self.schoolLeaderArr[i][@"busName"]];
bustotalNum = [NSString stringWithFormat:@"%@/%@人",[NSString stringWithFormat:@"%@",self.schoolLeaderArr[i][@"upNum"]],[NSString stringWithFormat:@"%@",self.schoolLeaderArr[i][@"totalNum"]]];
busTag = [self.schoolLeaderArr[i][@"busId"] intValue];
[self.annotationArr addObject:schoolBusAnnotation];
//创建一个大头针,添加一个,防止统一添加代理方法里面数据混乱
[self.mapView addAnnotation:schoolBusAnnotation];
}