最近开发一个项目,类似于摩拜租车。地图功能是其中很主要的一部分。项目中用的是高德地图。这也是我第一次接触地图开发,结合自己的开发经验以及前辈们的指导,简要的描述一下高德地图的基础开发。
先看一下效果图

09F5C89DE1295807E0828E248AC7FE3F.png

1C54FDA4D40A43A53E7D246DEA1BF0DB.png
这里加入了一个第三方框架
RESideMenu 是一个类似于QQ侧滑的框架。目前主流的租车软件都是这种侧滑效果。
好了,开始讲解地图的接入
1.准备工作
- 高德开发平台申请应用对应的key
- 导入相应的包,可以手动拖进项目,也可以用cocoapods导入。推荐第二种方式。
- 配置相关的信息。infoPlist中添加

0DFB1871-DCFA-47CA-AF53-C902400EEA0D.png

18A865C6-E96F-41BC-811E-4F8B77178DD2.png
这些文档写的都很清楚,按照文档操作就可以了。
- 在AppDelegate里注册地图的key
[[AMapServices sharedServices] setApiKey:mapKey]; [[AMapServices sharedServices] setEnableHTTPS:YES]; -
RESideMenu的接入
UINavigationController *navigationController = [[UINavigationController alloc] initWithRootViewController:[[MainViewController alloc] init]]; MenuViewController *menuViewController = [[MenuViewController alloc] init]; RESideMenu *sideMenuViewController = [[RESideMenu alloc] initWithContentViewController:navigationController leftMenuViewController:menuViewController rightMenuViewController:nil]; sideMenuViewController.backgroundImage = [UIImage imageNamed:@"timg"]; self.window = [[UIWindow alloc] init]; self.window.frame = [UIScreen mainScreen].bounds; self.window.rootViewController = sideMenuViewController; [self.window makeKeyAndVisible];2.地图的初始化,对应的属性可以看文档。
- (MAMapView *)mapView { if (!_mapView) { _mapView = [[MAMapView alloc] initWithFrame:self.view.bounds]; self.mapView.centerCoordinate = CLLocationCoordinate2DMake(22.547,114.085947); _mapView.showsCompass = NO; _mapView.mapType = MAMapTypeStandard; _mapView.showsScale = NO; _mapView.showsUserLocation = YES; _mapView.userTrackingMode = MAUserTrackingModeNone; _mapView.delegate = self; _mapView.rotateEnabled = YES; _mapView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight; [_mapView setZoomLevel:(17.2f) animated:YES]; _mapView.customizeUserLocationAccuracyCircleRepresentation = YES; _mapView.centerCoordinate = CLLocationCoordinate2DMake(22.547,114.085947); } return _mapView; }3.代理方法的实现
当大头针被加入到地图中的时候,就会调用这个代理方法。加入几个大头针,这个方法就会调用几次。在这个方法中就可以自定义你所需要展示的大头针。自定义大头针和自定义TabelViewCell的原理是一样的。CustomAnnotation相当于是model,包括大头针的一些属性,对这些属性的设置,可以来控制大头针的展示。
- (MAAnnotationView *)mapView:(MAMapView *)mapView viewForAnnotation:(id <MAAnnotation>)annotation { if ([annotation isKindOfClass:[CustomAnnotation class]]) { CustomAnnotationView *annoView = [CustomAnnotationView annotationViewWithMap:mapView]; annoView.canShowCallout= YES; annoView.draggable = YES; annoView.annotation = annotation; return annoView; } return nil; }定位发生改变,这个方法就会被调用。在这个方法里可以处理相应的请求,比如,根据定位到的经纬度去请求对应的数据。或者对定位的经纬度进行反地理编码,获取到对应的城市名等信息。为了提高性能,每次一定位成功之后,就把定位关闭。
- (void)mapView:(MAMapView *)mapView didUpdateUserLocation:(MAUserLocation *)userLocation updatingLocation:(BOOL)updatingLocation { if (updatingLocation) { CLLocation *newLocation = userLocation.location; //判断时间 NSTimeInterval locationAge = [newLocation.timestamp timeIntervalSinceNow]; if (locationAge > 5.0) { return; } //判断水平精度是否有效 if(newLocation.horizontalAccuracy >0 && newLocation.horizontalAccuracy < 150) { CLLocationCoordinate2D myCoorDinate = [newLocation coordinate]; _mapView.centerCoordinate = myCoorDinate; _mapView.showsUserLocation = NO; [self addAnnotationWithLatitude:myCoorDinate.latitude Longitude:myCoorDinate.longitude]; // 反地理编码,根据定位到的经纬度转换成城市街道名称等信息 [self.geocoder reverseGeocodeLocation:userLocation.location completionHandler:^(NSArray *placemarks, NSError *error) { CLPlacemark *placemark = [placemarks firstObject]; NSLog(@"获取地理位置成功 name = %@ locality = %@", placemark.name, placemark.locality); userLocation.title = placemark.name; userLocation.subtitle = placemark.locality; }]; } } }大头针的点击。这里主要是提到两个问题。
- 点击大头针push到一个新的页面,返回来的时候,再点击没有效果。
这里我的解决方法是:自定义大头针,添加一个ImageView,通过手势,实现点击。因为大头针被点击之后,selected属性就被置为YES了。另外一种方法,是在点击的时候,把selected属性置为NO。如果有更好的解决方法,欢迎留言。 - 来自朋友的问题 [百度地图]:点击大头针push到新的页面,返回的时候,原来的大头针都变成系统的大头针了。这个问题还待解决。
- (void)mapView:(MAMapView *)mapView didSelectAnnotationView:(MAAnnotationView *)view { // 设置大头针的点击效果,这里是放大 [self praiseAnimateWithView:view]; NSArray *array = [NSArray arrayWithArray:_pointArr]; int j = 0; for (int i = 0; i < _pointArr.count; i++) { if (view.annotation.coordinate.latitude == ((MAPointAnnotation*)array[i]).coordinate.latitude) { NSLog(@"点击的经度坐标是:%f",view.annotation.coordinate.latitude); } } }4.总结
第一次写博客。如有不好的地方,热烈欢迎吐槽。就当是给自己的笔记吧。后续我将更进地图的导航和检索功能。