首先介绍下我们app:
由于我们是一个地图打点,连线的app。客户提出一个需求,在手机上画出一个矩形,要求计算矩形中的线总长度。
看到这个需求后,就去翻阅了百度sdk的文档: http://lbsyun.baidu.com/index.php?title=iossdk/guide/map-render/ploygon
百度地图sdk中,存在绘制面,弧线的api,但是都是需要经纬度之后才能绘制。 当时就放弃了这种方法。
- 因为之前做app的时候 我们在mapview上有过view,然后转化为百度地图的gps坐标。所以觉得逻辑应该是,使用touch代理时间或者拖拽来在百度地图上画一个矩形view。然后将view的坐标转化为百度地图的坐标。这样子来确定经纬度范围。
所以:最终的方案是,先使用touch代理画取矩形(我使用的touch代理,没用拖拽手势)。然后将view贴到mapview上。转化为mapview的经纬度范围。再进行筛选。
一步一步实现:
- 先画一个view:
自己做了一个小demo,通过touch的代理方法 来画出矩。下面看代码。
先看看代码块显示效果
PacView 是我自定义的一个view。 刚开始以为要用到drawrect。
- (void)viewDidLoad {
[super viewDidLoad];
self.title = _titleStr;
self.view.backgroundColor = [UIColor whiteColor];
_zyqview = [[PacView alloc]initWithFrame:CGRectMake(50, 104, 80, 80)];
[self.view addSubview:_zyqview];
_zyqview.backgroundColor = [UIColor greenColor];
}
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
[super touchesBegan:touches withEvent:event];
NSSet *allTouches = [event allTouches]; //返回与当前接收者有关的所有的触摸对象
UITouch *touch = [allTouches anyObject]; //视图中的所有对象
CGPoint point = [touch locationInView:[touch view]]; //返回触摸点在视图中的当前坐标
_oriX = point.x;
_oriY = point.y;
}
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
[super touchesMoved:touches withEvent:event];
NSSet *allTouches = [event allTouches]; //返回与当前接收者有关的所有的触摸对象
UITouch *touch = [allTouches anyObject]; //视图中的所有对象
CGPoint point = [touch locationInView:[touch view]]; //返回触摸点在视图中的当前坐标
_changeX = point.x;
_changeY = point.y;
// NSLog(@"2touch (x, y) is (%d, %d)", _changeX, _changeY);
[self jisuanHeightWidth];
}
- (void)jisuanHeightWidth {
int height = 0;
int width = 0;
if (_changeX > _oriX) {
width = _changeX - _oriX;
}else {
width = _oriX - _changeX;
}
if (_changeY >_oriY) {
height = _changeY - _oriY;
}else {
height = _oriY - _changeY;
}
CGRect rect = CGRectMake(0, 0, 0, 0);
//右下
if (_changeX > _oriX && _changeY >_oriY) {
rect = CGRectMake(_oriX, _oriY, width, height);
}
//右上
if (_changeX > _oriX && _changeY <_oriY) {
rect = CGRectMake(_oriX, _changeY, width, height);
}
//左下
if (_changeX < _oriX && _changeY >_oriY) {
rect = CGRectMake(_changeX, _oriY, width, height);
}
//左上
if (_changeX < _oriX && _changeY <_oriY) {
rect = CGRectMake(_changeX, _changeY, width, height);
}
_zyqview.frame = rect;
}
以上代码就可以画出一个矩形了。 如果是拖拽方法的话,可能jisuanHeightWidth方法里的frame获取要改变下。
- 接入百度地图项目:
上面的画矩形方法直接扔到项目里就行了。
[self.view addSubview:_zyqview]; 这个方法的self.view 改为 mapview就行了。 因为一会你要转化为mapview的坐标经纬度
然后画完矩形后,手指松开,会走下面的方法
- (void)touchesEnded:(NSSet *)touches withEvent:(nullable UIEvent *)event {
[super touchesEnded:touches withEvent:event];
if (_isRightXY == YES) {
[self caclulaterPacViewToMapView];
}
_isRightXY = NO;
}
- (void)caclulaterPacViewToMapView {
if (_jisuanButton.selected == YES) {
//百度地图
BMKCoordinateRegion region = [_mapView convertRect:_zyqview.frame toRegionFromView:_mapView];
// region.span.latitudeDelta //纬度范围 是指总长,类似宽高。
// region.span.longitudeDelta 经度范围
// CLLocationCoordinate2D center; ///< 中心点经纬度坐标
double leftLat = region.center.latitude - region.span.latitudeDelta/2;
double rightLat = region.center.latitude + region.span.latitudeDelta/2;
double topLog = region.center.longitude - region.span.longitudeDelta/2;//最小
double bootomLog = region.center.longitude + region.span.longitudeDelta/2;//最大
// 113.615697,34.745975;113.611570,34.750439 long,lat;long,lat
//另一种计算方法
// 左下 右上 最小最大
CGPoint mixPoint = CGPointMake(CGRectGetMinX(_zyqview.frame), CGRectGetMinY(_zyqview.frame)+CGRectGetHeight(_zyqview.frame));
CGPoint maxPoint = CGPointMake(CGRectGetMinX(_zyqview.frame) + CGRectGetWidth(_zyqview.frame), CGRectGetMinY(_zyqview.frame));
CLLocationCoordinate2D mixCoordinate = [_mapView convertPoint:mixPoint toCoordinateFromView:_mapView];
CLLocationCoordinate2D maxCoordinate = [_mapView convertPoint:maxPoint toCoordinateFromView:_mapView];
leftLat = mixCoordinate.latitude;
rightLat = maxCoordinate.latitude;
topLog = mixCoordinate.longitude;
bootomLog = maxCoordinate.longitude;
NSLog(@"圈圈圈%f,%f,%f,%f",topLog,bootomLog,leftLat,rightLat);
NSMutableArray * counArray = [NSMutableArray new];
for (TYBMKPolyline * line in _mapView.overlays) {
if ([line isKindOfClass:[TYBMKPolyline class]]) {
NSArray * latAndLogArray = [line.slnInfo.line_Longitude_Latitude componentsSeparatedByString:@";"];
NSString * firstCor = latAndLogArray[0];//第一个coors
NSString * secCor = latAndLogArray[1];//第2个coors
double firstLog = [[firstCor componentsSeparatedByString:@","][0] doubleValue];
double firstLat = [[firstCor componentsSeparatedByString:@","][1] doubleValue];
double secLog = [[secCor componentsSeparatedByString:@","][0] doubleValue];
double sectLat = [[secCor componentsSeparatedByString:@","][1] doubleValue];
CLLocationCoordinate2D coors[2] = {0};
coors[0].latitude = firstLat;
coors[0].longitude = firstLog;
coors[1].latitude = sectLat;
coors[1].longitude = secLog;
CLLocationCoordinate2D converTos[2] = {0};
converTos[0] = [TYTool baiduLocationFromGPSCoordinate2D:coors[0]];
converTos[1] = [TYTool baiduLocationFromGPSCoordinate2D:coors[1]];
firstLat = converTos[0].latitude;
firstLog = converTos[0].longitude;
sectLat = converTos[1].latitude;
secLog = converTos[1].longitude;
double minLog = MIN(firstLog, secLog);
double minLat = MIN(firstLat, sectLat);
double maxLog = MAX(firstLog, secLog);
double maxLat = MAX(firstLat, sectLat);
NSLog(@"%f,%f,%f,%f \n ---%f",minLog,maxLog,minLat,maxLat,line.slnInfo.line_Distance);
if (minLog>topLog && maxLogleftLat && maxLat
关于百度sdk的这个方法:
BMKCoordinateRegion region = [_mapView convertRect:_zyqview.frame toRegionFromView:_mapView];
// region.span.latitudeDelta //纬度范围 是指总长,类似宽高。
// region.span.longitudeDelta 经度范围
// CLLocationCoordinate2D center; ///< 中心点经纬度坐标
double leftLat = region.center.latitude - region.span.latitudeDelta/2;
double rightLat = region.center.latitude + region.span.latitudeDelta/2;
double topLog = region.center.longitude - region.span.longitudeDelta/2;//最小
double bootomLog = region.center.longitude + region.span.longitudeDelta/2;//最大
// 113.615697,34.745975;113.611570,34.750439 long,lat;long,lat
api上给的是 将view坐标 转化为经纬度。 region.span.longitudeDelta 经度范围,这个经度范围最开始 我当成是宽/2来计算。
double leftLat = region.center.latitude - region.span.latitudeDelta
后来发现根本不正确,精确度错的太多,后来web同事提醒,是不是region.span.longitudeDelta是宽度的一半,就改成了这样
double leftLat = region.center.latitude - region.span.latitudeDelta/2
后来发现还是不行,虽然精确度提高了,但是还是误差很大很大。
最后曲线救国吧
// 左下 右上 最小最大
CGPoint mixPoint = CGPointMake(CGRectGetMinX(_zyqview.frame), CGRectGetMinY(_zyqview.frame)+CGRectGetHeight(_zyqview.frame));
CGPoint maxPoint = CGPointMake(CGRectGetMinX(_zyqview.frame) + CGRectGetWidth(_zyqview.frame), CGRectGetMinY(_zyqview.frame));
CLLocationCoordinate2D mixCoordinate = [_mapView convertPoint:mixPoint toCoordinateFromView:_mapView];
CLLocationCoordinate2D maxCoordinate = [_mapView convertPoint:maxPoint toCoordinateFromView:_mapView];
leftLat = mixCoordinate.latitude;
rightLat = maxCoordinate.latitude;
topLog = mixCoordinate.longitude;
bootomLog = maxCoordinate.longitude;
将左下,右上的点提出来转化为经纬度,最后就ok了。
以上就是这次需求开发的坑。。
第一次用markdown写。gif不知道怎么上传=- =