写在前面：
项目需求用到这个功能，主要目的是实现老师设置位置签到范围，学生在一定范围内进行签到的功能。
功能如下方截图：
屏幕快照 2019-01-28 上午10.29.26.png
简要介绍：
下面记录一下主要的实现流程，功能的实现主要是根据百度地图开发者官网提供的api文档，各项功能之间组合。百度地图的sdk现在分成了地图功能和定位功能两块不同的sdk，baidumapapi这个是基础的地图功能，bmklocationkit这个是定位功能。项目里实现定位签到功能用的的sdk包括上面说的这两个模块，所以在用cocopods引入framework的时候，需要引入： #百度地图 pod 'bmklocationkit' pod 'baidumapkit'
功能实现
一、在appdelegate.m文件中引入：
|
1
2
|
#import <baidumapapi_base/bmkbasecomponent.h>#import <bmklocationkit/bmklocationcomponent.h> |
加入功能代码：
|
1
2
3
4
5
6
7
8
9
10
11
|
#pragma mark 百度地图设置- (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中
|
1
2
3
|
#import <bmklocationkit/bmklocationcomponent.h>#import <baidumapapi_base/bmkbasecomponent.h>//引入base相关所有的头文件#import <baidumapapi_map/bmkmapcomponent.h>//引入地图功能所有的头文件 |
遵循协议<bmkmapviewdelegate,bmklocationmanagerdelegate>
声明全局变量
|
1
2
3
4
5
6
|
@property (nonatomic, strong) bmkuserlocation *userlocation; //当前位置对象@property (nonatomic, strong) bmklocationmanager *locationmanager;/** locationmanager*/@property (nonatomic, strong) bmkmapview *mapview;/** 百度地图*///@property (nonatomic, strong) bmkpointannotation* annotation ;/** 标记*/@property (nonatomic, strong) nsmutablearray *annotationarr;/** 标记数组*/@property (nonatomic, strong) nsmutablearray *circlearr;/** 圆形数组*/ |
地图sdk文档中建议在以下代码中如此设置， 目的是控制内存
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
- (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; }} |
初始化数组，这两个数组在接下来会用到
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
- (nsmutablearray *)annotationarr { if (!_annotationarr) { _annotationarr = [nsmutablearray array]; } return _annotationarr;}- (nsmutablearray *)circlearr { if (!_circlearr) { _circlearr = [nsmutablearray array]; } return _circlearr;} |
添加地图view
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
#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; }} |
初始化地图定位：这里我用的是一次定位而没有选择持续定位。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
#pragma mark 初始化locationmanager- (void)inituserlocationmanager { //因为mapview是在一个分离出来的view中创建的，所以在这里将signsettypeview中的mapview赋给当前viewcontroller的mapview； self.mapview = self.mainview.signsettypeview.mapview; self.mapview.delegate = self;// self.annotation = [[bmkpointannotation alloc] init]; // self.mapview是bmkmapview对象 //精度圈设置 bmklocationviewdisplayparam *param = [[bmklocationviewdisplayparam alloc] init]; //设置显示精度圈，默认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]; //设置delegate _locationmanager.delegate = self; //设置返回位置的坐标系类型 _locationmanager.coordinatetype = bmklocationcoordinatetypebmk09ll; //设置距离过滤参数 _locationmanager.distancefilter = kcldistancefilternone; //设置预期精度参数 _locationmanager.desiredaccuracy = kcllocationaccuracybest; //设置应用位置类型 _locationmanager.activitytype = clactivitytypeautomotivenavigation; //设置是否自动停止位置更新 _locationmanager.pauseslocationupdatesautomatically = no; //设置是否允许后台定位 //_locationmanager.allowsbackgroundlocationupdates = yes; //设置位置获取超时时间 _locationmanager.locationtimeout = 15; //设置获取地址信息超时时间 _locationmanager.regeocodetimeout = 15; //请求一次定位 [self requestlocation];} |
请求定位，获取经纬度
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
#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"; //打印经纬度 nslog(@"didupdateuserlocation lat %f,long %f",location.location.coordinate.latitude,location.location.coordinate.longitude); } nslog(@"netstate = %d",state); }];} |
地图长按选点功能实现：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
//长按地图选点- (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];} |
选点后弹出选择定位范围弹框
|
1
2
3
4
5
6
7
8
9
10
11
12
|
#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]; }];} |
设置好定位点以及半径范围后绘制范围圈，开始的时候声明的circlearr在这里用来盛放添加的区域圆形，在添加新的圆圈的时候，将之前旧的移除，保证每次绘制的范围都是最新的，同理annotationarr也是这个功能，因为api有提供的- (void)addoverlays:(nsarray *)overlays;这个方法：/** *向地图窗口添加一组overlay，需要实现bmkmapviewdelegate的-mapview:viewforoverlay:函数来生成标注对应的view overlays 要添加的overlay数组 */
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
#pragma mark 添加区域圆形覆盖- (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;} |
至此，在地图上选点进行签到功能基本实现，另外，关于 自定义的范围圆圈的颜色，边框大小都是可以自定义的，选点的标记也是可以自定义的，官方文档有说明
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对服务器之家的支持。
原文链接：https://www.jianshu.com/p/e948a3bfe600
