iOS百度地图画一个矩形来显示矩形内的标注的个数(经纬度等等)

首先介绍下我们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的经纬度范围。再进行筛选。

一步一步实现:

  1. 先画一个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获取要改变下。

  1. 接入百度地图项目:

上面的画矩形方法直接扔到项目里就行了。

[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不知道怎么上传=- =

你可能感兴趣的:(iOS百度地图画一个矩形来显示矩形内的标注的个数(经纬度等等))