iOS_21团购_地图功能

最终效果图:




右下角的回到用户位置按钮:




MapController控制器,

是主控制器左侧dock上面的【地图】按钮对应的控制器,

继承自ShowDealDetailController,

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

//
//  MapController.h
//  帅哥_团购
//
//  Created by beyond on 14-8-14.
//  Copyright (c) 2014年 com.beyond. All rights reserved.
//  dock上面的【地图】按钮对应的控制器,继承自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上面的【地图】按钮对应的控制器,继承自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.添加回到用户位置的按钮
    [self addBackToUserLocationBtn];
    
}

- (void)addBackToUserLocationBtn
{
    // 3.添加回到用户位置的按钮
    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;
    // 按钮处于右下角所以左边距和上边距自动伸缩
    backUserBtn.frame = CGRectMake(x, y, w, h);
    backUserBtn.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleTopMargin;
    [backUserBtn addTarget:self action:@selector(backToUserLocationBtnClicked) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:backUserBtn];
}

// 返回到用户中心点按钮被点击
- (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.利用工具类向服务器发送请求
    [[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











郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。