百度地图中根据大头针分布自动缩放地图

96
哈哈大p孩
2016.10.10 20:54* 字数 468

回老家了,没想到做的第一个项目又是和地图有关联的。这次碰到的问题是根据云检索,获取到了很多组大头针数据,并将它们在地图上显示。然后有时候我们的搜索条件会致使大头针的数量不同,那么它在地图上的分布就应该以所有大头针都能包括的区域而动态改变地图的等级。研究了下,发现了跟这个类有关系BMKCoordinateRegion。废话不多说,上代码~

在本地云检索的代理方法onGetCloudPoiResult中,我们检索大头针的个数的常用代码如下:

    if (error == BMKErrorOk) {
        BMKCloudPOIList* result = [poiResultList objectAtIndex:0];
        NSLog(@"1111111");
            for (int i = 0; i < result.POIs.count; i++) {
                BMKCloudPOIInfo* poi = [result.POIs objectAtIndex:i];
                BMKPointAnnotation* item = [[BMKPointAnnotation alloc] init];
                CLLocationCoordinate2D pt = (CLLocationCoordinate2D){ poi.longitude,poi.latitude};
                item.coordinate = pt;
                item.title = poi.title;               
                [_mapView addAnnotation:item];
                ......//下面还有点,都是常见的,这里不写了,这不是重点
            }

一般如上代码,我们可以得到我们需要在地图上插得所有大头针。我们既然要让地图按照大头针的分布来自动缩放地图,那么就得知道这么多大头针中经纬度最大的和最小的,然后取个中点,就像矩形那样,得到中间点,就好办了~~~

思路:

我们可以创建两个可变数组,用来分别存放所有的经度和纬度,然后取出最大的和最小的经纬度。OC中一个简单的方法:[array valueForKeyPath:@"@min.floatValue"]] 取出数组中最小的,[array valueForKeyPath:@"@max.floatValue"]] 取出数组中最大的。

得到中心点后,要根据region的范围,来显示合适的视角。我下面写的是0.06,大家可以根据自己需要调整,数字越小地图等级越大,合适的就行了。

最后通过方法 region = [_mapView regionThatFits:region];
[_mapView setRegion:region animated:YES];
代码如下:

    if (error == BMKErrorOk) {
      //创建两个数组,用来存所有的经度和纬度
        NSMutableArray *latArr = [[NSMutableArray alloc] init];
        NSMutableArray *lonArr = [[NSMutableArray alloc] init];
        BMKCloudPOIList* result = [poiResultList objectAtIndex:0];
        NSLog(@"1111111");
            for (int i = 0; i < result.POIs.count; i++) {
                BMKCloudPOIInfo* poi = [result.POIs objectAtIndex:i];
                BMKPointAnnotation* item = [[BMKPointAnnotation alloc] init];
                CLLocationCoordinate2D pt = (CLLocationCoordinate2D){ poi.longitude,poi.latitude};
                item.coordinate = pt;
                item.title = poi.title;
                //用经纬度数组分别存储所有的经纬度
                [latArr addObject:@(pt.latitude)];
                [lonArr addObject:@(pt.longitude)];
                
                [_mapView addAnnotation:item];
                
            }
        
        NSNumber *latMax = [latArr valueForKeyPath:@"@max.floatValue"];//最大纬度
        NSNumber *latMin = [latArr valueForKeyPath:@"@min.floatValue"];//最小纬度
        NSNumber *lonMax = [lonArr valueForKeyPath:@"@max.floatValue"];//最大经度
        NSNumber *lonMin = [lonArr valueForKeyPath:@"@min.floatValue"];//最小经度
        
        BMKCoordinateRegion region;
        region.center.latitude  = ([latMax doubleValue] + [latMin doubleValue]) / 2;
        region.center.longitude = ([lonMax doubleValue] + [lonMin doubleValue]) / 2;
        region.span.latitudeDelta = 0.06;
        region.span.longitudeDelta = 0.06;
        region = [_mapView regionThatFits:region];
        [_mapView setRegion:region animated:YES];
        
        
        NSLog(@"lat == %f, lon == %f, min1 == %f, min2 == %f", [latMax doubleValue], [latMin doubleValue], [lonMax doubleValue], [lonMin doubleValue]);
        
        NSLog(@"2222222");
        

    } else {
        NSLog(@"error ==%d",error);
        if (error == BMKErrorConnect) {
            [Tool HUDShowAddedTo:self.view withTitle:@"网络连接错误" delay:1.5];
        } else if (error == BMKErrorResultNotFound) {
            [Tool HUDShowAddedTo:self.view withTitle:@"搜索结果未找到" delay:1.5];
        } else {
           [Tool HUDShowAddedTo:self.view withTitle:@"检索失败" delay:1.5];
        }
        
    }

最后给看官们大致看一下效果图

Paste_Image.png

地图自动根据大头针个数缩放~~
如果对百度地图不了解的童鞋,可以看我这篇文章,http://www.jianshu.com/p/19f960054fd0

随笔
Web note ad 1