开发者社区> 技术mix呢> 正文

iOS开发之在地图上绘制出你运行的轨迹

简介:
+关注继续查看

  iOS中的MapKit集成了google地图api的很多功能加上iOS的定位的功能,我们就可以实现将你运行的轨迹绘制到地图上面。这个功能非常有用,比如汽车的gprs追踪、人员追踪、快递追踪等等。这篇文章我们将使用Map Kit和iOS的定位功能,将你的运行轨迹绘制在地图上面。

实现

   在之前的一篇文章:iOS开发之在google地图上显示自己的位置中描述了如何在地图上显示自己的位置,如果我们将这些位置先保存起来,然后串联起来绘制到地图上面,那就是我们的运行轨迹了。

    首先我们看下如何在地图上绘制曲线。在Map Kit中提供了一个叫MKPolyline的类,我们可以利用它来绘制曲线,先看个简单的例子。

    使用下面代码从一个文件中读取出经纬度,然后创建一个路径:MKPolyline实例。

复制代码
-(void) loadRoute
{
NSString
* filePath = [[NSBundle mainBundle] pathForResource:@”route” ofType:@”csv”];
NSString
* fileContents = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];
NSArray
* pointStrings = [fileContents componentsSeparatedByCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];

// while we create the route points, we will also be calculating the bounding box of our route
// so we can easily zoom in on it.
MKMapPoint northEastPoint;
MKMapPoint southWestPoint;

// create a c array of points.
MKMapPoint* pointArr = malloc(sizeof(CLLocationCoordinate2D) * pointStrings.count);

for(int idx =0; idx < pointStrings.count; idx++)
{
// break the string down even further to latitude and longitude fields.
NSString* currentPointString = [pointStrings objectAtIndex:idx];
NSArray
* latLonArr = [currentPointString componentsSeparatedByCharactersInSet:[NSCharacterSet characterSetWithCharactersInString:@","]];

CLLocationDegrees latitude
= [[latLonArr objectAtIndex:0] doubleValue];
CLLocationDegrees longitude
= [[latLonArr objectAtIndex:1] doubleValue];

// create our coordinate and add it to the correct spot in the array
CLLocationCoordinate2D coordinate = CLLocationCoordinate2DMake(latitude, longitude);

MKMapPoint point
= MKMapPointForCoordinate(coordinate);

//
// adjust the bounding box
//

// if it is the first point, just use them, since we have nothing to compare to yet.
if (idx ==0) {
northEastPoint
= point;
southWestPoint
= point;
}
else
{
if (point.x > northEastPoint.x)
northEastPoint.x
= point.x;
if(point.y > northEastPoint.y)
northEastPoint.y
= point.y;
if (point.x < southWestPoint.x)
southWestPoint.x
= point.x;
if (point.y < southWestPoint.y)
southWestPoint.y
= point.y;
}

pointArr[idx]
= point;

}

// create the polyline based on the array of points.
self.routeLine = [MKPolyline polylineWithPoints:pointArr count:pointStrings.count];

_routeRect
= MKMapRectMake(southWestPoint.x, southWestPoint.y, northEastPoint.x - southWestPoint.x, northEastPoint.y - southWestPoint.y);

// clear the memory allocated earlier for the points
free(pointArr);

}
复制代码

将这个路径MKPolyline对象添加到地图上

[self.mapView addOverlay:self.routeLine]; 

显示在地图上:

复制代码
- (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id )overlay
{
MKOverlayView
* overlayView = nil;

if(overlay == self.routeLine)
{
//if we have not yet created an overlay view for this overlay, create it now.
if(nil == self.routeLineView)
{
self.routeLineView
= [[[MKPolylineView alloc] initWithPolyline:self.routeLine] autorelease];
self.routeLineView.fillColor
= [UIColor redColor];
self.routeLineView.strokeColor
= [UIColor redColor];
self.routeLineView.lineWidth
=3;
}

overlayView
= self.routeLineView;

}

return overlayView;

}
复制代码

看下从文件中读取数据绘制的轨迹路径效果:

然后我们在从文件中读取位置的方法改成从用gprs等方法获取当前位置。

第一步:创建一个CLLocationManager实例
第二步:设置CLLocationManager实例委托和精度
第三步:设置距离筛选器distanceFilter
第四步:启动请求
代码如下:
复制代码
- (void)viewDidLoad {
[super viewDidLoad];

noUpdates
=0;
locations
= [[NSMutableArray alloc] init];

locationMgr
= [[CLLocationManager alloc] init];
locationMgr.
delegate= self;
locationMgr.desiredAccuracy
=kCLLocationAccuracyBest;
locationMgr.distanceFilter
=1.0f;
[locationMgr startUpdatingLocation];


}
复制代码

上面的代码我定义了一个数组,用于保存运行轨迹的经纬度。

每次通知更新当前位置的时候,我们将当前位置的经纬度放到这个数组中,并重新绘制路径,代码如下:

复制代码
- (void)locationManager:(CLLocationManager *)manager 
didUpdateToLocation:(CLLocation
*)newLocation
fromLocation:(CLLocation
*)oldLocation{
noUpdates
++;

[locations addObject: [NSString stringWithFormat:
@"%f,%f",[newLocation coordinate].latitude, [newLocation coordinate].longitude]];

[self updateLocation];
if (self.routeLine!=nil) {
self.routeLine
=nil;
}
if(self.routeLine!=nil)
[self.mapView removeOverlay:self.routeLine];
self.routeLine
=nil;
// create the overlay
[self loadRoute];

// add the overlay to the map
if (nil != self.routeLine) {
[self.mapView addOverlay:self.routeLine];
}

// zoom in on the route.
[self zoomInOnRoute];

}
复制代码

我们将前面从文件获取经纬度创建轨迹的代码修改成从这个数组中取值就行了:

复制代码
// creates the route (MKPolyline) overlay
-(void) loadRoute
{


// while we create the route points, we will also be calculating the bounding box of our route
// so we can easily zoom in on it.
MKMapPoint northEastPoint;
MKMapPoint southWestPoint;

// create a c array of points.
MKMapPoint* pointArr = malloc(sizeof(CLLocationCoordinate2D) * locations.count);
for(int idx =0; idx < locations.count; idx++)
{
// break the string down even further to latitude and longitude fields.
NSString* currentPointString = [locations objectAtIndex:idx];
NSArray
* latLonArr = [currentPointString componentsSeparatedByCharactersInSet:[NSCharacterSet characterSetWithCharactersInString:@","]];

CLLocationDegrees latitude
= [[latLonArr objectAtIndex:0] doubleValue];
CLLocationDegrees longitude
= [[latLonArr objectAtIndex:1] doubleValue];

CLLocationCoordinate2D coordinate
= CLLocationCoordinate2DMake(latitude, longitude);

MKMapPoint point
= MKMapPointForCoordinate(coordinate);


if (idx ==0) {
northEastPoint
= point;
southWestPoint
= point;
}
else
{
if (point.x > northEastPoint.x)
northEastPoint.x
= point.x;
if(point.y > northEastPoint.y)
northEastPoint.y
= point.y;
if (point.x < southWestPoint.x)
southWestPoint.x
= point.x;
if (point.y < southWestPoint.y)
southWestPoint.y
= point.y;
}

pointArr[idx]
= point;

}

self.routeLine
= [MKPolyline polylineWithPoints:pointArr count:locations.count];

_routeRect
= MKMapRectMake(southWestPoint.x, southWestPoint.y, northEastPoint.x - southWestPoint.x, northEastPoint.y - southWestPoint.y);

free(pointArr);

}
复制代码

这样我们就将我们运行得轨迹绘制google地图上面了。

扩展:

    如果你想使用其他的地图,比如百度地图,其实也很方便。可以将百度地图放置到UIWebView中间,通过iOS开发之Objective-C与JavaScript的交互 这篇文章的方法,用js去绘制轨迹。

总结:这篇文章我们介绍了一种常见的技术实现:在地图上绘制出你运行的轨迹。








本文转自麒麟博客园博客,原文链接:http://www.cnblogs.com/zhuqil/archive/2011/08/09/2131708.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
百度地图开发之点聚合功能
百度地图开发之点聚合功能
71 0
直播软件开发如何做到特色鲜明,注意哪些问题?
直播软件开发在互联网飞速发展的今天已经不陌生了,已经成为当下最受欢迎的社交方式之一,在直播类APP无处不在的今天,想要进军这一行业崭露头角,一起先来了解一下如何做到特色鲜明,需要主要哪些问题。
209 0
谷歌地图开发之入门
现在lbs搞的红火的很,基于地图的交友购物交通服务更是多如牛毛,几天就主要对谷歌地图开发一点初步,另外发现mapabc的开发接口很是详细,如果不是 谷歌地图的话,感觉mapabc更容易入门,有很多现成的代码,学习起来更容易,对一些复杂的开发比较适合,例如房地产等开发,不过谷歌地图比较主流,一些简单的 开发还是比较好的使用,官方手册是最好的学习资料http://code.
1360 0
Win10 UWP开发中的重复性静态UI绘制小技巧 1
原文:Win10 UWP开发中的重复性静态UI绘制小技巧 1 介绍 在Windows 10 UWP界面实现的过程中,有时会遇到一些重复性的、静态的界面设计。比如:画许多等距的线条,画一圈时钟型的刻度线,同特别的策略排布元素,等等。
996 0
ArcGIS API for Javascript 3.21地图开发实例(一、图形绘制和删除及popup弹出层)
前言 Arcgis是一个地理系统的平台,可用来进行数据数据展示或二次开发。这里我们所使用的是Arcgis对于JavaScript的api,也就是web端的api进行开发。
9711 0
IOS地图定位坐标偏差解决方案(实战通过)
--------------------------------------------------------------------- 很抱歉,本篇文章的算法经过实践证明有问题; 正确的转码算法地址见以下两个链接: http://www.
1056 0
+关注
2968
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载