本文基于高德地图之定义的一个可点击气泡。效果如下图1.0所示：
图1.0
实现原理：自定义一个LJAnnomationView继承自高德地图的MAAnnotationView，在LJAnnomationView上放一个自定义的按钮（本文放了一个自定义的LJButton，LJButton的自定义方法可以见我的“自定义按钮一”这篇文章，地址www.jianshu.com/p/da7a32a8660d），当用户点击自定义的气泡时，通过代理方法把点击事件传递出去处理即可。具体实现代码如下。
一、首先LJAnnomationView.h文件的实现代码如下：
#import <MAMapKit/MAMapKit.h>
@protocol LJAnnomationViewDelegate<NSObject>
@optional
-(void)didselectPaopaoviewWithTag:(NSInteger)tage;
@end@interface LJAnnomationView : MAAnnotationView
//构造方法
-(instancetype)initWithAnnotation:(id)annotation reuseIdentifier:(NSString *)reuseIdentifier;
@property(weak,nonatomic)iddelegate;
@end
二、其次，LJAnnomationView.m文件的代码如下
#import "LJAnnomationView.h"
#import "LJButton.h"
#import "Tool.h"
#define TEXE_SIZE CGSizeMake(0x1.fffffep+127f, 44)
@interface LJAnnomationView (){
LJButton * _buton;//用按钮代替可点击气泡，这是一个自定义按钮}@end@implementation LJAnnomationView//构造方法-(instancetype)initWithAnnotation:(id)annotation reuseIdentifier:(NSString *)reuseIdentifier
{
self = [super initWithAnnotation:annotation reuseIdentifier:reuseIdentifier];
if (self) {
self.userInteractionEnabled = YES;
_buton = [LJButton buttonWithType:UIButtonTypeCustom];
//获取指定文字的长度
CGFloat widt = [Tool widthForText:annotation.title withFont:[UIFont systemFontOfSize:12] withSize:TEXE_SIZE];
_buton.frame = CGRectMake(0-(widt+30)*0.5, -30, widt+30, 35);
[_buton setBackgroundImage:[UIImage imageNamed:@"popup.png"] forState:UIControlStateNormal];
[_buton setImage:[UIImage imageNamed:@"item_bike.png"] forState:UIControlStateNormal];
[_buton setTitle:annotation.title forState:UIControlStateNormal];
_buton.titleRect = CGRectMake(26, 0, widt, 35);
_buton.imageRect = CGRectMake(0, 1, 25, 25);
_buton.bagImageRect = CGRectMake(0, 0, widt+30, 35);
_buton.titleLabel.font = [UIFont systemFontOfSize:12];
_buton.titleLabel.textAlignment = NSTextAlignmentLeft;
NSString * tags = annotation.subtitle;
_buton.tag = [tags integerValue];
[_buton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[_buton addTarget:self action:@selector(buttAction:) forControlEvents:UIControlEventTouchUpInside];
[self addSubview:_buton];
}
return self;
}
//点击按钮事件
-(void)buttAction:(UIButton*)bt
{
//把点击事件传递过去
[self.delegate didselectPaopaoviewWithTag:bt.tag];
}
//重写这个方法，如果不重写，用户点击按钮将不响应
-(UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
UIView *view = [super hitTest:point withEvent:event];
if (view == nil) {
CGPoint tempoint = [_buton convertPoint:point fromView:self];
if (CGRectContainsPoint(_buton.bounds, tempoint)) {
view = _buton;
}
}
return view;
}
@end
三、自定义的气泡写好后，接下来就是使用了。如何使用呢？
首先创建高德地图MAMapView，把MAMapView加到控制器中显示出来，然后创建一个MAPointAnnotation，然后加到地图中去，代码如下：
MAPointAnnotation * ann = [[MAPointAnnotation alloc] init];
ann.coordinate = _starCoord;
ann.title = @"我是测试地址";
ann.subtitle = @"123";
[self.mapview addAnnotation:ann];
四、接着实现MAMapView的代理方法，在这个方法自定义气泡即可
- (MAAnnotationView *)mapView:(MAMapView *)mapView viewForAnnotation:(id)annotation
{
if ([annotation isKindOfClass:[MAPointAnnotation class]])
{
static NSString * poiIdentfier = @"LJIdtyfire";
LJAnnomationView * ljAnnotationView = (LJAnnomationView*)[mapView dequeueReusableAnnotationViewWithIdentifier:poiIdentfier];
if (ljAnnotationView==nil) {
ljAnnotationView = [[LJAnnomationView alloc] initWithAnnotation:annotation reuseIdentifier:poiIdentfier];
ljAnnotationView.delegate = self;
}
return ljAnnotationView;
}
return nil;
}
五、别忘了，当用户点击气泡的时候，还得交互，所以还得实现LJAnnomationView里的协议方法。
-(void)didselectPaopaoviewWithTag:(NSInteger )tage
{
NSLog(@"气泡被点击");
}
最后就完成了一个自定义的气泡了，至于其他各种不同的气泡，都可以自定义，方法跟上面所说的差不多，当然仁者见仁，智者见智，每个人都有自己的头脑，这不是唯一的方法，这只是其中的一种勉强可行的方法。
请各位多多指教，多交流。祝生活愉快！
------------蒋
网友评论