android 记录路线轨迹_基于百度地图SDK记录运动轨迹

标签 : 运动轨迹 百度地图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.framework和QuartzCore.framework、OpenGLES.framework、

SystemConfiguration.framework、CoreGraphics.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 //引入所有的头文件

#import //只引入所需的单个头文件

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

5. 初始化 BMKMapManager

在AppDelegate.m 中添加 BMKMapManager的定义:

@interface AppDelegate ()

@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 ()

/** 记录上一次的位置 */

@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];

}

反馈与建议

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/354358.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用户体验

我正在使用的是搜狗输入法。 一&#xff0e;用户界面&#xff1a;搜狗输入法页面较为美观不会是用户感到反感&#xff0c;适合大多数人群使用。 二&#xff0e;比如我长期输入自己的名字张子祥&#xff0c;到时候只需输入zzx就可以直接输出很方便。 三&#xff0e;操作简便&…

转先验概率、最大似然估计、贝叶斯估计、最大后验概率

最大似然估计&#xff1a; 最大似然估计提供了一种给定观察数据来评估模型参数的方法&#xff0c;即&#xff1a;“模型已定&#xff0c;参数未知”。简单而言&#xff0c;假设我们要统计全国人口的身高&#xff0c;首先假设这个身高服从服从正态分布&#xff0c;但是该分布的均…

animate.css动画样式详解

一、使用步骤 <!-- <link rel"stylesheet" href"https://www.jq22.com/jquery/animate-3.1.0.min.css"> --> <link rel"stylesheet" href"animate.css"> <div class"animated bounceInLeft">从左边…

osgi 模块化_OSGi案例研究:模块化vert.x

osgi 模块化OSGi使Java代码可以清晰地划分为多个模块&#xff0c;这些模块称为捆绑软件 &#xff0c;可以访问由每个捆绑软件的类加载器控制的代码和资源。 OSGi 服务提供了一种附加的分离机制&#xff1a;接口的用户无需依赖于实现类&#xff0c;工厂等。 以下案例研究旨在使O…

两个常数的卷积为多少_卷积(Convolution)与好核函数(Good Kernel)

把最近在分析里学到的有趣的东西整理写一写&#xff0c;初学者不专业。我们先来简单介绍Rudin的数学分析里Stone-Weierstrass定理的证明[1]。Stone-Weierstrass定理&#xff1a;对于任意定义在 上的连续&#xff08;continuous&#xff09;函数 &#xff0c;总存在一个多项式函…

Font Awesome(一套绝佳的图标字体库和CSS框架)(icon图标)

官网&#xff1a;https://fontawesome.dashgame.com/ 一、步骤 1、到官网下载 2、将以下代码粘贴到网页HTML代码的 部分 <link href"css/font-awesome.min.css" rel"stylesheet">3、 <i class"fa fa-camera-retro"></i> f…

第三场阴影场与属性访问器接口

这是“ 影子字段与属性访问器”界面的 第3轮 。 如果您是新手&#xff0c;但不确定要怎么做&#xff0c;请查看我以前的文章或关于开发JavaFX应用程序时节省内存的第一篇文章 。 作为Java开发人员&#xff0c;我主要关心的是在开发JavaFX域模型时在性能 &#xff0c; 内存使用和…

移动端布局三种视口_前端基础:必须要知道的移动端适配(4)——视口

视口(viewport)代表当前可见的计算机图形区域。在Web浏览器术语中&#xff0c;通常与浏览器窗口相同&#xff0c;但不包括浏览器的UI&#xff0c; 菜单栏等——即指你正在浏览的文档的那一部分。一般我们所说的视口共包括三种&#xff1a;布局视口、视觉视口和理想视口&#xf…

js判断移动端,pc端,安卓,苹果浏览器的方法

js 判断安卓或者ios 之indexOf方式&#xff08;一&#xff09; //判断访问终端 var browser{versions:function(){var u navigator.userAgent, app navigator.appVersion;return {trident: u.indexOf(Trident) > -1, //IE内核presto: u.indexOf(Presto) > -1, //opera…

Vue路由开启keep-alive缓存页面

mode:hash模式下&#xff1a; HTML部分&#xff1a; <template><div id"app"><keep-alive> <!--使用keep-alive会将页面缓存--><router-view v-if"$route.meta.keepAlive"></router-view></keep-alive> &l…

平安性格测试题及答案_面试要求做性格测试,该怎么做?

为了筛选到更符合岗位&#xff0c;许多企业在招聘时都选择了“性格测试”。比如&#xff0c;像“华为、宝洁、阿里”等这样的大厂&#xff0c;据说每年都有不少人因为性格测试而凉凉&#xff0c;性格测试真有决定你“生死”的作用吗&#xff1f;那么&#xff0c;在做测试题的时…

CSS行内元素和块级元素的水平居中,垂直居中,水平垂直居中实现

常用内联元素&#xff1a;a,img,input,lable,select,span,textarea,font 常用的块级元素&#xff1a;div,p,table,form,h1,h2,h3,h4,h5,h6,dl,ol,ul,li 一、水平居中 行内元素居中&#xff1a; text-align:center 图片&#xff0c;单个块级元素居中&#xff1a;margin-left和…

mysql scrapy 重复数据_大数据python(scrapy)爬虫爬取招聘网站数据并存入mysql后分析...

基于Scrapy的爬虫爬取腾讯招聘网站岗位数据视频(见本头条号视频)根据TIOBE语言排行榜更新的最新程序语言使用排行榜显示&#xff0c;python位居第三&#xff0c;同比增加2.39%&#xff0c;为什么会越来越火&#xff0c;越来越受欢迎呢&#xff0c;背后折射出的是人工智能、机器…

vim 文本一些行注释,替换

按键操作&#xff1a;注释&#xff1a;ctrlv 进入列编辑模式,向下或向上移动光标,把需要注释的行的开头标记起来,然后按大写的I,再插入注释符,比如"#",再按Esc,就会全部注释了。删除&#xff1a;先按v,进入visual模式,横向选中列的个数(如"#"注释符号,需要…

如何在几分钟内安装Red Hat Container Development Kit(CDK)

作为负责开发容器化应用程序提供的可能性的应用程序开发人员或架构师&#xff0c;将所有工具集中在一起以使您入门时几乎没有帮助。 到现在。 红帽容器开发套件&#xff08;CDK&#xff09; 安装变得简单&#xff01; 红帽提供了一个容器开发套件&#xff08;CDK&#xff0…

vue的使用(引用/创建vue项目)(一)

在程序开发中&#xff0c;有三种方式创建vue项目&#xff0c;本地引入vuejs、使用cdn引入vuejs、使用vue-cli创建vue项目。其中vue-cli可以结合webpack打包工具使用&#xff0c;大大方便了开发步骤&#xff0c;使用广泛。 一、vue本地引用 在官网下载vue.js&#xff0c;通过s…

你不知道的JS5-原型

1、原型 [[prototype]] js中的对象有一个特殊的[[prototype]]内置属性&#xff0c;其实就是对于其他对象的引用&#xff0c;几乎所有的对象在创建时[[prototype]]属性都会被赋予一个非空的值 使用for..in和in操作符都会查找对象的整条原型链 所有普通的[[prototype]]链最终都会…

enum 定义3个属性_和平精英:合金龙骨有3个隐藏属性,比玛莎“水下无敌”还唬人...

欢迎诸位小伙伴们来到天哥开讲的《和平精英》“精英那点事儿”~接下来呢&#xff0c;咱们聊聊合金龙骨的3个隐藏属性、土豪玩家“自投罗网”以及游戏里的“公主病患者”等有趣的玩家游戏经历与发现~得&#xff0c;废话不多说了&#xff0c;还是各位小伙伴们熟悉的“老配方”&am…

vue-cli项目引用文件/组件/库 的注意事项(一)

vue引入的问题 &#xff08;1&#xff09;main.js入口文件引入(项目中所有的页面都会加载main.js&#xff0c;所以用户放全局变量) // Element import ElementUI from ‘element-ui’ import ‘element-ui/lib/theme-chalk/index.css’ Vue.use(ElementUI) &#xff08;2&am…

java中缓冲区和缓存_Java中的Google协议缓冲区

java中缓冲区和缓存总览 协议缓冲区是一种用于结构化数据的开源编码机制。 它是由Google开发的&#xff0c;旨在实现语言/平台中立且可扩展。 在本文中&#xff0c;我的目的是介绍Java平台上下文中协议缓冲区的基本用法。 Protobuff比XML更快&#xff0c;更简单&#xff0c;并…