iOS_21团购_地图功能

终于效果图:

右下角的回到用户位置button:

MapController控制器,

是主控制器左側dock上面的【地图】button相应的控制器,

继承自ShowDealDetailController,

因此,自己主动拥有了展示团购详情控制器的功能

//
//  MapController.h
//  帅哥_团购
//
//  Created by beyond on 14-8-14.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  dock上面的【地图】button相应的控制器,继承自ShowDealDetailController.h控制器,自己主动拥有了展示团购详情控制器的功能了

#import "ShowDealDetailController.h"

@interface MapController : ShowDealDetailController

@end

//
//  MapController.m
//  帅哥_团购
//
//  Created by beyond on 14-8-14.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  dock上面的【地图】button相应的控制器,继承自ShowDealDetailController.h控制器,自己主动拥有了展示团购详情控制器的功能了

#import "MapController.h"
#import <MapKit/MapKit.h>
#import "DealRequestTool.h"
#import "MetaDataTool.h"
#import "LocationTool.h"
// 成员有经纬度坐标
#import "City.h"
// 一个商户模型
#import "Business.h"
#import "Deal.h"
// 一个大头针模型,为大头针View提供数据源的
#import "MyAnnotation.h"
// 跨的经度和纬度
#define kSpan MKCoordinateSpanMake(0.018404, 0.031468)

@interface MapController ()<MKMapViewDelegate>
{
    MKMapView *_mapView;
    NSMutableArray *_showingDeals;
}
@end

@implementation MapController

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.title = @"地图";
    // 0.监听定位完毕的通知.....这里面有问题
    kAddAllNotes(dataChange)

    // 1.加入地图
    MKMapView *mapView = [[MKMapView alloc] initWithFrame:self.view.bounds];
    mapView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
    // 显示用户的位置点
    mapView.showsUserLocation = YES;
    // 设置代理
    mapView.delegate = self;
    [self.view addSubview:mapView];

    // 2.初始化数组
    _showingDeals = [NSMutableArray array];

    // 3.加入回到用户位置的button
    [self addBackToUserLocationBtn];

}

- (void)addBackToUserLocationBtn
{
    // 3.加入回到用户位置的button
    UIButton *backUserBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    CGSize imgSize = [backUserBtn setBtnBgImgForNormal:@"btn_map_locate.png" highlightedName:@"btn_map_locate_hl.png"];
    CGFloat w = imgSize.width;
    CGFloat h = imgSize.height;
    CGFloat margin = 20;
    CGFloat x = self.view.frame.size.width - w - margin;
    CGFloat y = self.view.frame.size.height - h - margin;
    // button处于右下角所以左边距和上边距自己主动伸缩
    backUserBtn.frame = CGRectMake(x, y, w, h);
    backUserBtn.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleTopMargin;
    [backUserBtn addTarget:self action:@selector(backToUserLocationBtnClicked) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:backUserBtn];
}

// 返回到用户中心点button被点击
- (void)backToUserLocationBtnClicked
{
    // mapView里面保存着用户的位置信息(The annotation representing the user's location)
    CLLocationCoordinate2D center = _mapView.userLocation.location.coordinate;
    MKCoordinateRegion region = MKCoordinateRegionMake(center, kSpan);
    // 设置中心点
    [_mapView setRegion:region animated:YES];
}

#pragma mark - mapView的代理方法
#pragma mark 当定位到用户的位置就会调用(调用频率相当高)---2
- (void)mapView:(MKMapView *)mapView didUpdateUserLocation:(MKUserLocation *)userLocation
{
    // 仅仅让它首次定位到用户坐标
    if (_mapView) return;

    // 1.用户位置的（中心点）
    CLLocationCoordinate2D center = userLocation.location.coordinate;

    // 2.确定好中心点之后,再确定跨度（范围）
    //    MKCoordinateSpan span = MKCoordinateSpanMake(0.018404, 0.031468);

    // 3.依据中心点和跨度之后,就确定好了区域
    MKCoordinateRegion region = MKCoordinateRegionMake(center, kSpan);

    // 4.让mapView显示到指定的区域
    [mapView setRegion:region animated:YES];
    _mapView = mapView;

    // 设置中心点坐标 为用户的坐标...
    // [mapView setCenterCoordinate:userLocation.location.coordinate animated:YES];

}

#pragma mark 拖动地图（地图展示的区域改变了）就会调用
- (void)mapView:(MKMapView *)mapView regionWillChangeAnimated:(BOOL)animated
{

    // 1.地图当前展示区域的中心位置
    CLLocationCoordinate2D pos = mapView.region.center;

    // 依据中心点位置坐标,反算出城市名,

    // 2.利用工具类向server发送请求
    [[DealRequestTool sharedDealRequestTool] dealsRequestWithPos:pos success:^(NSArray *deals, int total_count) {

        // 遍历返回的deals数组,并与当前控制器保存的已经显示过的deals数组比較,假设,已经显示过该deal,则continue跳过,
        for (Deal *d in deals) {
            // 已经显示过,跳过,避免 大头针 影子加深
            if ([_showingDeals containsObject:d]) continue;

            // 假设返回的deal,从未显示过,先加到成员数组中,然后,将该团购的成员:商区,一一用大头针进行显示到mapView上面
            [_showingDeals addObject:d];

            // 遍历 该团购的商户对象数组
            for (Business *b in d.businesses) {
                //  一个商户相应一个大头针模型,也就是数据源,为Annotation View提供数据
                //  Annotation 是 模型,用来在map上标记 坐标
                //  实现代理的 mapView:viewForAnnotation: 方法,返回每个Annotation相应的Annotation View
                MyAnnotation *anno = [[MyAnnotation alloc] init];
                anno.business = b;
                anno.deal = d;
                anno.coordinate = CLLocationCoordinate2DMake(b.latitude, b.longitude);
                // 重要~~~ 为mapView提供数据,接着会来到方法mapView:viewForAnnotation:
                [mapView addAnnotation:anno];
            }
        }

    } error:^(NSError *error) {
        log(@"error---%@",error);
    }];

}
#pragma mark - mapView的代理方法
// 相似于 cell For Row,为每个annotation 提供view,这里使用了自己定义的Annotation模型
- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(MyAnnotation *)annotation
{
    if (![annotation isKindOfClass:[MyAnnotation class]]) return nil;

    // 1.从缓存池中取出大头针view
    static NSString *ID = @"MKAnnotationView";
    MKAnnotationView *annoView = [mapView dequeueReusableAnnotationViewWithIdentifier:ID];

    // 2.缓存池没有可循环利用的大头针view
    if (annoView == nil) {
        // 这里应该用MKPinAnnotationView这个子类,一个在构造annotationView时,必须提供数据源模型annotation
        annoView = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:ID];
    }

    // 3.设置view的大头针信息,提供独一无二的数据源模型
    annoView.annotation = annotation;

    // 4.设置图片
    annoView.image = [UIImage imageNamed:annotation.icon];

    return annoView;
}

#pragma mark 点击了大头针
- (void)mapView:(MKMapView *)mapView didSelectAnnotationView:(MKAnnotationView *)view
{
    // 0.假设是系统自带的大头针,则直接返回...
    if (![view.annotation isKindOfClass:[MyAnnotation class]]) {
        return;
    }

    // 1.调用父类的方法,展示详情控制器,并提供数据源
    MyAnnotation *anno = view.annotation;
    [self showDetail:anno.deal];

    // 2.让选中的大头针居中(成为中心点)
    [mapView setCenterCoordinate:anno.coordinate animated:YES];

    // 3.让view周边产生一些阴影效果
    view.layer.shadowColor = [UIColor blueColor].CGColor;
    view.layer.shadowOpacity = 1;
    view.layer.shadowRadius = 10;
}

#pragma mark - 监听到定位城市发生改变时,又一次刷新webView
// 0.监听定位完毕的通知
- (void)dataChange
{
    // 1.城市对象
    City *city = [MetaDataTool sharedMetaDataTool].currentCity;
    CLGeocoder *geo = [[CLGeocoder alloc] init];
    // 全球搜索 某某城市
    [geo geocodeAddressString:city.name completionHandler:^(NSArray *placemarks, NSError *error) {

        // 定位,解析完毕之后,就能够提供经纬度
        CLPlacemark *place = placemarks[0];
        // 1.用户位置的（中心点）
        CLLocationCoordinate2D center = place.location.coordinate;
        city.position = place.location.coordinate;
        // 重要,将城市用工具记住,由于发送请求时,还用到了城市 名和 经纬度
        [LocationTool sharedLocationTool].locationCity = city;
        // 2.确定好中心点之后,再确定跨度（范围）
        // 3.依据中心点和跨度之后,就确定好了区域
        MKCoordinateRegion region = MKCoordinateRegionMake(center, kSpan);
        // 4.让mapView显示到指定的区域
        [_mapView setRegion:region animated:YES];
    }];
}
@end