iOS_21团购_地图功能-白红宇

iOS_21团购_地图功能

阅读量：6243 次

发布时间：2019-06-22

本文共 7182 字，大约阅读时间需要 23 分钟。

终于效果图:

右下角的回到用户位置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 
     
      #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 ()
      
       {    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