寫在前面:
項目需求用到這個功能唤蔗,主要目的是實現(xiàn)老師設(shè)置位置簽到范圍探遵,學(xué)生在一定范圍內(nèi)進(jìn)行簽到的功能窟赏。功能如下方截圖:
簡要介紹:
下面記錄一下主要的實現(xiàn)流程,功能的實現(xiàn)主要是根據(jù)百度地圖開發(fā)者官網(wǎng)提供的api文檔箱季,各項功能之間組合涯穷。百度地圖的SDK現(xiàn)在分成了地圖功能和定位功能兩塊不同的SDK,BaiduMapAPI
這個是基礎(chǔ)的地圖功能藏雏,BMKLocationKit
這個是定位功能拷况。項目里實現(xiàn)定位簽到功能用的的SDK包括上面說的這兩個模塊,所以在用cocopods引入framework的時候掘殴,需要引入:#百度地圖 pod 'BMKLocationKit' pod 'BaiduMapKit'
功能實現(xiàn)
一赚瘦、在APPdelegate.m文件中引入:
#import <BaiduMapAPI_Base/BMKBaseComponent.h>
#import <BMKLocationKit/BMKLocationComponent.h>
加入功能代碼:
#pragma mark 百度地圖設(shè)置
- (void)configBaiduMap {
NSString *ak = @"xxxx";
BMKMapManager *mapManager = [[BMKMapManager alloc] init];
self.mapManager = mapManager;
BOOL ret = [mapManager start:ak generalDelegate:nil];
[[BMKLocationAuth sharedInstance] checkPermisionWithKey:ak authDelegate:self];
if (!ret) {
NSLog(@"manager start failed!");
}
}
二、在用到地圖定位功能的viewController中
#import <BMKLocationKit/BMKLocationComponent.h>
#import <BaiduMapAPI_Base/BMKBaseComponent.h>//引入base相關(guān)所有的頭文件
#import <BaiduMapAPI_Map/BMKMapComponent.h>//引入地圖功能所有的頭文件
遵循協(xié)議<BMKMapViewDelegate,BMKLocationManagerDelegate>
聲明全局變量
@property (nonatomic, strong) BMKUserLocation *userLocation; //當(dāng)前位置對象
@property (nonatomic, strong) BMKLocationManager *locationManager;/** locationManager*/
@property (nonatomic, strong) BMKMapView *mapView;/** 百度地圖*/
//@property (nonatomic, strong) BMKPointAnnotation* annotation ;/** 標(biāo)記*/
@property (nonatomic, strong) NSMutableArray *annotationArr;/** 標(biāo)記數(shù)組*/
@property (nonatomic, strong) NSMutableArray *circleArr;/** 圓形數(shù)組*/
地圖SDK文檔中建議在以下代碼中如此設(shè)置杯巨, 目的是控制內(nèi)存
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
[_mapView viewWillAppear];
_mapView.delegate = self;
}
- (void)viewWillDisappear:(BOOL)animated {
[super viewWillDisappear:animated];
[_mapView viewWillDisappear];
_mapView.delegate = nil;
}
- (void)dealloc {
if (_mapView) {
_mapView = nil;
}
}
初始化數(shù)組蚤告,這兩個數(shù)組在接下來會用到
- (NSMutableArray *)annotationArr {
if (!_annotationArr) {
_annotationArr = [NSMutableArray array];
}
return _annotationArr;
}
- (NSMutableArray *)circleArr {
if (!_circleArr) {
_circleArr = [NSMutableArray array];
}
return _circleArr;
}
添加地圖view
#pragma mark 添加地圖
- (void)addSignMapBgView {
if (!self.mapBgView) {
UIView *mapBgView = [UIView new];
self.mapBgView = mapBgView;
mapBgView.backgroundColor = [CommUtls colorWithHexString:APP_BgColor];
[self addSubview:mapBgView];
[mapBgView makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.tipView.bottom);
make.left.right.bottom.equalTo(0);
}];
_mapView = [[BMKMapView alloc] initWithFrame:CGRectZero];
// _mapView.delegate = self;
[_mapView setZoomLevel:21];//精確到5米
_mapView.showsUserLocation = YES;//顯示定位圖層
[mapBgView addSubview:_mapView];
[_mapView makeConstraints:^(MASConstraintMaker *make) {
make.edges.equalTo(0);
}];
_mapView.userTrackingMode = BMKUserTrackingModeNone;
}
}
初始化地圖定位:這里我用的是一次定位而沒有選擇持續(xù)定位。
#pragma mark 初始化locationManager
- (void)initUserLocationManager {
//因為mapView是在一個分離出來的view中創(chuàng)建的服爷,所以在這里將signSetTypeView中的mapView賦給當(dāng)前viewcontroller的mapView杜恰;
self.mapView = self.mainView.signSetTypeView.mapView;
self.mapView.delegate = self;
// self.annotation = [[BMKPointAnnotation alloc] init];
// self.mapView是BMKMapView對象
//精度圈設(shè)置
BMKLocationViewDisplayParam *param = [[BMKLocationViewDisplayParam alloc] init];
//設(shè)置顯示精度圈,默認(rèn)YES
param.isAccuracyCircleShow = YES;
//精度圈 邊框顏色
param.accuracyCircleStrokeColor = [UIColor colorWithRed:242/255.0 green:129/255.0 blue:126/255.0 alpha:1];
//精度圈 填充顏色
param.accuracyCircleFillColor = [UIColor colorWithRed:242/255.0 green:129/255.0 blue:126/255.0 alpha:0.3];
[self.mapView updateLocationViewWithParam:param];
self.userLocation = [[BMKUserLocation alloc] init];
//初始化實例
_locationManager = [[BMKLocationManager alloc] init];
//設(shè)置delegate
_locationManager.delegate = self;
//設(shè)置返回位置的坐標(biāo)系類型
_locationManager.coordinateType = BMKLocationCoordinateTypeBMK09LL;
//設(shè)置距離過濾參數(shù)
_locationManager.distanceFilter = kCLDistanceFilterNone;
//設(shè)置預(yù)期精度參數(shù)
_locationManager.desiredAccuracy = kCLLocationAccuracyBest;
//設(shè)置應(yīng)用位置類型
_locationManager.activityType = CLActivityTypeAutomotiveNavigation;
//設(shè)置是否自動停止位置更新
_locationManager.pausesLocationUpdatesAutomatically = NO;
//設(shè)置是否允許后臺定位
//_locationManager.allowsBackgroundLocationUpdates = YES;
//設(shè)置位置獲取超時時間
_locationManager.locationTimeout = 15;
//設(shè)置獲取地址信息超時時間
_locationManager.reGeocodeTimeout = 15;
//請求一次定位
[self requestLocation];
}
請求定位仍源,獲取經(jīng)緯度
#pragma mark 請求定位
- (void)requestLocation {
[_locationManager requestLocationWithReGeocode:YES withNetworkState:YES completionBlock:^(BMKLocation * _Nullable location, BMKLocationNetworkState state, NSError * _Nullable error) {
if (error)
{
NSLog(@"locError:{%ld - %@};", (long)error.code, error.localizedDescription);
}
if (location) {//得到定位信息心褐,添加annotation
if (location.location) {
NSLog(@"LOC = %@",location.location);
}
if (location.rgcData) {
NSLog(@"rgc = %@",[location.rgcData description]);
}
if (!location) {
return;
}
if (!self.userLocation) {
self.userLocation = [[BMKUserLocation alloc] init];
}
self.userLocation.location = location.location;
[self.mapView updateLocationData:self.userLocation];
CLLocationCoordinate2D mycoordinate = location.location.coordinate;
self.mapView.centerCoordinate = mycoordinate;
//賦予初始值
self.viewModel.lat = [NSString stringWithFormat:@"%f", location.location.coordinate.latitude];
self.viewModel.lng = [NSString stringWithFormat:@"%f",location.location.coordinate.longitude];
self.viewModel.radius = @"50";
//打印經(jīng)緯度
NSLog(@"didUpdateUserLocation lat %f,long %f",location.location.coordinate.latitude,location.location.coordinate.longitude);
}
NSLog(@"netstate = %d",state);
}];
}
地圖長按選點功能實現(xiàn):
//長按地圖選點
- (void)mapview:(BMKMapView *)mapView onLongClick:(CLLocationCoordinate2D)coordinate {
if (self.annotationArr.count > 0) {
[mapView removeAnnotations:self.annotationArr];
[self.annotationArr removeAllObjects];
BMKPointAnnotation *annotation = [[BMKPointAnnotation alloc]init];
annotation.coordinate = coordinate;
[self.annotationArr addObject:annotation];
[mapView addAnnotations:self.annotationArr];
} else {
BMKPointAnnotation *annotation = [[BMKPointAnnotation alloc]init];
annotation.coordinate = coordinate;
[self.annotationArr addObject:annotation];
[mapView addAnnotations:self.annotationArr];
}
//彈出半徑選擇框
[self showLocationSelectRadiusViewWithCoordinate:coordinate];
}
選點后彈出選擇定位范圍彈框
#pragma mark 彈出位置彈框
- (void)showLocationSelectRadiusViewWithCoordinate:(CLLocationCoordinate2D)coordinate {
ExtraActLocationSignPopView *popView = [ExtraActLocationSignPopView new];
[popView show];
@weakify(self);
[popView.locatioonSureSignal subscribeNext:^(NSString *x) {
@strongify(self);
self.viewModel.radius = x;
CGFloat radius = [x floatValue];
[self circleWithCenterWithCoordinate2D:coordinate radius:radius];
}];
}
設(shè)置好定位點以及半徑范圍后繪制范圍圈,開始的時候聲明的circleArr
在這里用來盛放添加的區(qū)域圓形笼踩,在添加新的圓圈的時候逗爹,將之前舊的移除,保證每次繪制的范圍都是最新的嚎于,同理annotationArr
也是這個功能掘而,因為API有提供的- (void)addOverlays:(NSArray *)overlays;
這個方法:/** *向地圖窗口添加一組Overlay,需要實現(xiàn)BMKMapViewDelegate的-mapView:viewForOverlay:函數(shù)來生成標(biāo)注對應(yīng)的View *@param overlays 要添加的overlay數(shù)組 */
#pragma mark 添加區(qū)域圓形覆蓋
- (void)circleWithCenterWithCoordinate2D:(CLLocationCoordinate2D )coor radius:(CGFloat)radius {
NSLog(@"coordinate lat %f,long %f",coor.latitude,coor.longitude);
//賦予點擊選點值
self.viewModel.lat = [NSString stringWithFormat:@"%f", coor.latitude];
self.viewModel.lng = [NSString stringWithFormat:@"%f",coor.longitude];
if (self.circleArr.count > 0) {
[_mapView removeOverlays:self.circleArr];
[self.circleArr removeAllObjects];
BMKCircle *circle = [BMKCircle circleWithCenterCoordinate:coor radius:radius];
[self.circleArr addObject:circle];
[_mapView addOverlays:self.circleArr];
} else {
BMKCircle *circle = [BMKCircle circleWithCenterCoordinate:coor radius:radius];
[self.circleArr addObject:circle];
[_mapView addOverlays:self.circleArr];
}
}
#pragma mark 重繪overlay
- (BMKOverlayView *)mapView:(BMKMapView *)mapView viewForOverlay:(id <BMKOverlay>)overlay{
if ([overlay isKindOfClass:[BMKCircle class]]){
BMKCircleView* circleView = [[BMKCircleView alloc] initWithOverlay:overlay];
circleView.fillColor = [UIColor colorWithRed:33/255.0 green:196/255.0 blue:206/255.0 alpha:0.3];
circleView.strokeColor = [UIColor colorWithRed:33/255.0 green:196/255.0 blue:206/255.0 alpha:1];
circleView.lineWidth = 1.0;
return circleView;
}
return nil;
}
至此于购,在地圖上選點進(jìn)行簽到功能基本實現(xiàn)袍睡,另外,關(guān)于 自定義的范圍圓圈的顏色肋僧,邊框大小都是可以自定義的斑胜,選點的標(biāo)記也是可以自定義的,官方文檔有說明