基于百度地图SDK记录运动轨迹

作者: BLSTUDIO | 来源:发表于2015-07-29 17:07 被阅读30410次

标签 : 运动轨迹 百度地图SDK

http://orchan.github.io/2016/02/22/基于百度地图SDK记录运动轨迹/


最终实现的效果如下图所示###

  • 注意1:模拟器上模拟要设置好Location(如果选择None就无法定位了),同时第一次打开应用会提示授权使用地理位置信息,点击允许即可。
设置
效果图1
  • 注意2:由上图的经纬度反查可知这是美国的一个州,所以百度地图没有可用信息显示。

一、 前期准备工作

1. 新建Xcode工程
2. 获取Bundle Identifier
3. 申请key
4. 导入框架配置工程
5. 初始化 BMKMapManager

二、实战记录运动轨迹

1. 初始化工作
2. 开始定位
3. 存储更新的用户地理位置
4. 绘制轨迹线

一、 前期准备工作

首先需要登录[百度开放平台][1]下载iOS地图SDK(内含开发者文档、框架以及Demo示例),推荐下载全新Framework形式的静态库,配置更加简单方便,具体看下图:

百度开放平台 framework静态库

1. 新建Xcode工程

File->New->Project->Single View Application,填写好相关信息完成工程建立。

新建工程

2. 获取Bundle Identifier

通过project->target->general可以看到本应用的Bundle Identifie,我们正是需要这串字符串去百度开发平台申请一个Key用于百度地图的调用。

Bundle Identifie

3. 申请key

登录[百度开放平台][1]后,点击右上角的API控制台进入申请key的界面,点击创建应用,在“安全码”处填入你的应用的Bundle Identifie,具体信息填写请看下图:

申请key信息填写图1
申请key信息填写图2

4. 导入框架配置工程

第一步 、引入BaiduMapAPI.framework

百度地图SDK提供了模拟器和真机两种环境所使用的framework,分别存放在libs/Release-iphonesimulator和libs/Release-iphoneos文件夹下,开发者可根据需要使用真机或模拟器的包,如果需同时使用真机和模拟器的包,可以使用lipo命令将设备和模拟器framwork包中的BaiduMapAPI文件合并成一个通用的文件,命令如下:

lipo -create Release-iphoneos/BaiduMapAPI.framework/BaiduMapAPI Release-iphonesimulator/BaiduMapAPI.framework/BaiduMapAPI -output Release-iphoneos/BaiduMapAPI.framework/BaiduMapAPI

此时Release-iphoneos文件夹下的BaiduMapAPI.framework即可同时用于真机和模拟器。将所需的BaiduMapAPI.framework拷贝到工程所在文件夹下。在TARGETS->Build Phases-> Link Binary With Libaries中点击+按钮,在弹出的窗口中点击“Add Other”按钮,选择BaiduMapAPI.framework文件添加到工程中。
注:静态库中采用ObjectC++实现,因此需要您保证您工程中至少有一个.mm后缀的源文件(您可以将任意一个.m后缀的文件改名为.mm),或者在工程属性中指定编译方式,即将Xcode的Project -> Edit Active Target -> Build -> GCC4.2 - Language -> Compile Sources As设置为Objective-C++

第二步、引入所需的系统库
百度地图SDK中提供了定位功能和动画效果,v2.0.0版本开始使用OpenGL渲染,因此您需要在您的Xcode工程中引入CoreLocation.frameworkQuartzCore.frameworkOpenGLES.framework
SystemConfiguration.frameworkCoreGraphics.framework
Security.framework。添加方式:在Xcode的Project -> Active Target ->Build Phases ->Link Binary With Libraries,添加这几个framework即可。

第三步、环境配置
TARGETS->Build Settings->Other Linker Flags中添加-ObjC

第四步、引入mapapi.bundle资源文件
如果使用了基础地图功能,需要添加该资源,否则地图不能正常显示
mapapi.bundle中存储了定位、默认大头针标注View及路线关键点的资源图片,还存储了矢量地图绘制必需的资源文件。如果您不需要使用内置的图片显示功能,则可以删除bundle文件中的image文件夹。您也可以根据具体需求任意替换或删除该bundle中image文件夹的图片文件。
方法:选中工程名,在右键菜单中选择Add Files to “工程名”…,从BaiduMapAPI.framework||Resources文件中选择mapapi.bundle文件,并勾选“Copy items if needed”复选框,单击Add按钮,将资源文件添加到工程中。

第五步、引入头文件
在使用SDK的类引入头文件:

#import <BaiduMapAPI/BMapKit.h>//引入所有的头文件
#import <BaiduMapAPI/BMKMapView.h>//只引入所需的单个头文件

--[引用自百度开放平台iOS SDK环境配置][2]


5. 初始化 BMKMapManager

  • AppDelegate.m 中添加 BMKMapManager的定义:
@interface AppDelegate ()<BMKGeneralDelegate>
@property (nonatomic,strong) BMKMapManager *mapManager;
@end
  • 遵守 BMKGeneralDelegate 实现其两个代理方法,目的是为了得知本应用是否联网成功、授权成功:
- (void)onGetNetworkState:(int)iError
{
    if (0 == iError) {
        NSLog(@"联网成功");
    }
    else{
        NSLog(@"onGetNetworkState %d",iError);
    }
    
}

- (void)onGetPermissionState:(int)iError
{
    if (0 == iError) {
        NSLog(@"授权成功");
    }
    else {
        NSLog(@"onGetPermissionState %d",iError);
    }
}
BMKGeneralDelegate.h
  • 在AppDelegate.m文件中添加对BMKMapManager的初始化,并填入申请的授权Key,示例如下:
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    
    // 要使用百度地图先实例化 BMKMapManager
    self.mapManager = [[BMKMapManager alloc]init];
    
    // 如果要关注网络及授权验证事件,请设定 generalDelegate 参数
    BOOL ret = [self.mapManager start:@"OjYbYha0YULmuLPaHT9wxxx" generalDelegate:self];
    if (!ret) {
        NSLog(@"manager start failed");
    }
    return YES;
}

二、实战记录运动轨迹

一条完整的运动轨迹是由一组地理位置坐标数组描点连线构成的,我们需要实时监测用户位置的变更,将最新的符合限定条件的地位位置数据存放到数据中,调用SDK中的画折线方法绘制运动轨迹。


1. 初始化工作

@interface ViewController () <BMKMapViewDelegate, BMKLocationServiceDelegate>

/** 记录上一次的位置 */
@property (nonatomic, strong) CLLocation *preLocation;

/** 位置数组 */
@property (nonatomic, strong) NSMutableArray *locationArrayM;

/** 轨迹线 */
@property (nonatomic, strong) BMKPolyline *polyLine;

/** 百度地图View */
@property (nonatomic,strong) BMKMapView *mapView;

/** 百度定位地图服务 */
@property (nonatomic, strong) BMKLocationService *bmkLocationService;
@end

@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 初始化百度位置服务
    [self initBMLocationService];

    // 初始化地图窗口
    self.mapView = [[BMKMapView alloc]initWithFrame:self.view.bounds];
    
    // 设置MapView的一些属性
    [self setMapViewProperty];
    
    [self.view addSubview:self.mapView];
}
@end
  • 初始化MapView后设置其一些属性
/**
 *  设置 百度MapView的一些属性
 */
- (void)setMapViewProperty
{
    // 显示定位图层
    self.mapView.showsUserLocation = YES;
    
    // 设置定位模式
    self.mapView.userTrackingMode = BMKUserTrackingModeNone;
    
    // 允许旋转地图
    self.mapView.rotateEnabled = YES;
    
    // 显示比例尺
    self.bmkMapView.showMapScaleBar = YES;
    self.bmkMapView.mapScaleBarPosition = CGPointMake(self.view.frame.size.width - 50, self.view.frame.size.height - 50);
    
    // 定位图层自定义样式参数
    BMKLocationViewDisplayParam *displayParam = [[BMKLocationViewDisplayParam alloc]init];
    displayParam.isRotateAngleValid = NO;//跟随态旋转角度是否生效
    displayParam.isAccuracyCircleShow = NO;//精度圈是否显示
    displayParam.locationViewOffsetX = 0;//定位偏移量(经度)
    displayParam.locationViewOffsetY = 0;//定位偏移量(纬度)
    displayParam.locationViewImgName = @"walk";
    [self.mapView updateLocationViewWithParam:displayParam];
}
  • 百度定位服务的参数设置
/**
 *  初始化百度位置服务
 */
- (void)initBMLocationService
{
    // 初始化位置百度位置服务
    self.bmkLocationService = [[BMKLocationService alloc] init];
    
    // 设置距离过滤,表示每移动10更新一次位置
    [BMKLocationService setLocationDistanceFilter:10];
    
    // 设置定位精度
    [BMKLocationService setLocationDesiredAccuracy:kCLLocationAccuracyBest];
}

2. 开始定位

    // 打开定位服务
    [self.bmkLocationService startUserLocationService];
    
    // 设置当前地图的显示范围,直接显示到用户位置
    BMKCoordinateRegion adjustRegion = [self.mapView regionThatFits:BMKCoordinateRegionMake(self.bmkLocationService.userLocation.location.coordinate, BMKCoordinateSpanMake(0.02f,0.02f))];
    
    [self.mapView setRegion:adjustRegion animated:YES];
    

只要遵守了BMKLocationServiceDelegate协议就可以获知位置更新的情况,需要实现下面几个代理方法:

/**
 *  定位失败会调用该方法
 *
 *  @param error 错误信息
 */
- (void)didFailToLocateUserWithError:(NSError *)error
{
    NSLog(@"did failed locate,error is %@",[error localizedDescription]);
}

/**
 *  用户位置更新后,会调用此函数
 *  @param userLocation 新的用户位置
 */
- (void)didUpdateBMKUserLocation:(BMKUserLocation *)userLocation
{
    // 如果此时位置更新的水平精准度大于10米,直接返回该方法
    // 可以用来简单判断GPS的信号强度
    if (userLocation.location.horizontalAccuracy > kCLLocationAccuracyNearestTenMeters) {
        return;
    }
}

/**
 *  用户方向更新后,会调用此函数
 *  @param userLocation 新的用户位置
 */
- (void)didUpdateUserHeading:(BMKUserLocation *)userLocation
{
    // 动态更新我的位置数据
    [self.mapView updateLocationData:userLocation];
}

3. 存储更新的用户地理位置

/**
 *  开始记录轨迹
 *
 *  @param userLocation 实时更新的位置信息
 */
- (void)recordTrackingWithUserLocation:(BMKUserLocation *)userLocation
{
    if (self.preLocation) {
        // 计算本次定位数据与上次定位数据之间的距离
        CGFloat distance = [userLocation.location distanceFromLocation:self.preLocation];
        self.statusView.distanceWithPreLoc.text = [NSString stringWithFormat:@"%.3f",distance];
        NSLog(@"与上一位置点的距离为:%f",distance);
        
        // (5米门限值,存储数组画线) 如果距离少于 5 米,则忽略本次数据直接返回方法
        if (distance < 5) {
            return;
        }
    }
    
    // 2. 将符合的位置点存储到数组中(第一直接来到这里)
    [self.locationArrayM addObject:userLocation.location];
    self.preLocation = userLocation.location;
    
    // 3. 绘图
    [self drawWalkPolyline];
}

4. 绘制轨迹线

/**
 *  绘制轨迹路线
 */
- (void)drawWalkPolyline
{
    // 轨迹点数组个数
    NSUInteger count = self.locationArrayM.count;
    
    // 动态分配存储空间
    // BMKMapPoint是个结构体:地理坐标点,用直角地理坐标表示 X:横坐标 Y:纵坐标
    BMKMapPoint *tempPoints = new BMKMapPoint[count];
    
    // 遍历数组
    [self.locationArrayM enumerateObjectsUsingBlock:^(CLLocation *location, NSUInteger idx, BOOL *stop) {
        BMKMapPoint locationPoint = BMKMapPointForCoordinate(location.coordinate);
        tempPoints[idx] = locationPoint;
        }
    }];
    
    //移除原有的绘图,避免在原来轨迹上重画
    if (self.polyLine) {
        [self.mapView removeOverlay:self.polyLine];
    }
    
    // 通过points构建BMKPolyline
    self.polyLine = [BMKPolyline polylineWithPoints:tempPoints count:count];
    
    //添加路线,绘图
    if (self.polyLine) {
        [self.mapView addOverlay:self.polyLine];
    }
    
    // 清空 tempPoints 临时数组
    delete []tempPoints;
    
    // 根据polyline设置地图范围
    [self mapViewFitPolyLine:self.polyLine];
}

反馈与建议


感谢认真阅读这份帮助文档,如果觉得有用可以分享到您的社交圈,也请注明出处,谢谢!
[1]:http://developer.baidu.com/map/index.php?title=首页
[2]:http://developer.baidu.com/map/index.php?title=iossdk/guide/buildproject

相关文章

网友评论

  • shenXs:兄弟, 我拿到历史轨迹的所有点, 找出了起始点的坐标, 我怎么给起始点添加标注啊, 我总是添加不上去,轨迹能绘制处理啊,但是就是添加不上去起始点的标注
  • 纪叙:为什么出来的线条忽短忽长。
  • 纪叙:BMKMapPoint *tempPoints = new BMKMapPoint[count];这样初始化为什么一直报错呢
    纪叙:自己已经解决。发现的新问题是根本没办法绘制出去曲线,而且直线忽长忽短,走路不实时出来。
  • Specscd:请问画的轨迹上怎么添加方向的小箭头
    buzaixian程序员:没呢兄弟
    Specscd:@buzaixian程序员 解决了 :smirk: 你解决了吗
    buzaixian程序员:兄弟解决了吗
  • 81332f614f12:答主你好,看过您的demo后有一点不解。BMKMapPoint *tempPoints = new BMKMapPoint[count] 在最新的百度地图sdk里,不能这样使用。有别的方法吗?
    鬼晓晓:@纪叙 为什么要要用C++来写..有没有不需要这样写的方法呢 不希望mm混编
    纪叙:只需要将你的这个controller.m文件修改为.mm即可。这是C语言。
  • MR_詹:请问有没有运到过通过cocoapods导入百度地图SDK,然后在验证申请的Key值,一直都是没有验证成功,请问是什么原因,有没有遇到过!!
  • 出门右转掘金见:请问苹果地图和谷歌地图的轨迹纠偏怎么做,您知道吗
  • 正确的道路上用笨方法:用起来,拖动不灵敏 怎么解决 qq407842358
  • Dreamsky_起航:亲,这个功能会不会比较消耗流量和电量,有没有具体统计过,大概每小时会消耗多少流量
  • 丶丶夏天:根本显示不了地图啊
    菊上一枝梅:@coderzwf 你问这问题说明你根本不具备开发这个的基本知识啊 开发文档都说的很明白了
    d00e8c9b4627:@Dreamsky_起航 如何配置证书
    Dreamsky_起航:@2f0e9d948df7 显示不了地图是因为你需要注册百度地图的appkey 并且配置相关证书
  • 0306507be0ac:我不清楚你有没有长时间的测试过你的程序,有没有想过数组中最多存储多少个点,会不会出现内存溢出的情况!你的程序没有测试,但是高德程序中有一个跟你的类似的东西。我测试了下大概在300多个点的之后,就会出现闪退的情况
    40c6620494c9:@Rick123 你的这个问题该怎么处理??
  • DyckSir:很好很强大..学习了...准备蟆一个swift的版本
  • xndiosa:老师 我的轨迹相对于大头针位置偏下 请问怎么解决
  • Fengur:老师提示GPS信号terrible,请问如何解决。
  • 8eebaf7a18ae:有没有APP在后台长时间定位追踪的demo啊。
    半尺尘:@偶像MJ 恩,处理好了。如果检测到正在轨迹绘制页面的话,我会在后台开启一个后台任务,每5秒播放一段无声音频。播放音频的时候,后台可以无限长时间运行。可以下载:刷刷(搜索刷刷轮滑)测试效果。。。播放音频的代码参考这个博客:http://www.jianshu.com/p/8e01506318b9 。对了,就是,后台播放音频的话,需要向苹果申请权限,给苹果录制一个视频,介绍为什么要注册后台播放音频的权限,可以看看我给苹果录制的视频地址:http://v.youku.com/v_show/id_XMTU1MjA5MDE0MA==.html?from=y1.7-1.2。我就是把这个视频链接放在发布App时的备注里,后面审核通过了。可以长时间后台运行。
    40c6620494c9:@半尺尘 你的处理好了嘛
    半尺尘:@8eebaf7a18ae 同问啊,请问你找到了吗?我的只要应用退出后台几分钟后进程就死了。。
  • 7b2dfb45f123:demo压缩不了啊........
  • 7b2dfb45f123:能不能加下QQ871578547 有好多问题想问。谢谢了!
  • 36c3283c5348:THX, dome 已查看 基本没什么大问题了。不过有几个小问题想请教你。第一:我看国内好多的知名软件的定位系统,他们在计算两点距离的时候是经过什么样的算法?自己写的算法还是你DOME里那样简单的算法。第二:你dome里的东西可否直接放在项目里使用,可以上线吗?
    728107f313f8:绘制轨迹的时候会出现小圆点在走,轨迹没有绘制出来的情况,过几秒钟轨迹有出来了,怎么解决?
    58f0b442f46c:@36c3283c5348 可以肯定的是,轨迹的记录肯定不可能这么简单,由于底层api返回的gps结果的差异,会出现很多很多噪点,必须经过一系列算法筛选才能绘画出比较精确的运动轨迹
  • 36c3283c5348:哎 两天不回复
    BLSTUDIO:@36c3283c5348 https://github.com/orchan/BDTrackDemo/tree/alphaBranch
  • 36c3283c5348:哥哥 报错啊 。。求回复 Q835178544
    36c3283c5348:@Bole_ke dome THX, 已查看 基本没什么大问题了。不过有几个小问题想请教你。第一:我看国内好多的知名软件的定位系统,他们在计算两点距离的时候是经过什么样的算法?自己写的算法还是你DOME里那样简单的算法。第二:你dome里的东西可否直接放在项目里使用,可以上线吗?
    BLSTUDIO:@36c3283c5348 嗯嗯,绘图的具体方法没贴,下午我把DEMO放到GITHUB上

本文标题:基于百度地图SDK记录运动轨迹

本文链接:https://www.haomeiwen.com/subject/wlgmqttx.html