最终效果图:
右下角的回到用户位置按钮:
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