美文网首页
地图研究

地图研究

作者: 英雄出少年 | 来源:发表于2019-04-15 23:56 被阅读0次

地图的基本使用

  • 设置地图类型
    '' // 1.设置地图显示类型
    '' /**
    '' MKMapTypeStandard = 0, // 标准
    '' MKMapTypeSatellite, // 卫星
    '' MKMapTypeHybrid, // 混合（标准+卫星）
    '' MKMapTypeSatelliteFlyover NS_ENUM_AVAILABLE(10_11, 9_0), // 3D立体卫星
    '' MKMapTypeHybridFlyover NS_ENUM_AVAILABLE(10_11, 9_0), // 3D立体混合
    '' */
    '' self.customMapView.mapType = MKMapTypeStandard;
  • 设置地图的其他属性（操作项)
    • 注意：设置对应的属性时，注意该属性是从哪个系统版本开始引入的，做好不同系统版本的适配 *
      '' // 是否可以缩放
      '' self.customMapView.zoomEnabled = NO;
      '' // 是否可以滚动
      '' self.customMapView.scrollEnabled = NO;
      '' // 是否可以旋转
      '' self.customMapView.rotateEnabled = NO;
      '' // 是否显示3D
      '' self.customMapView.pitchEnabled = NO;
  • 设置地图其它属性（显示项）
    '' // 是否显示指南针
    '' self.customMapView.showsCompass = YES;
    '' // 是否显示比例尺
    '' self.customMapView.showsScale = YES;
    '' // 是否显示交通
    '' self.customMapView.showsTraffic = YES;
    '' // 是否显示建筑物
    '' self.customMapView.showsBuildings = YES;
  • 设置地图显示用户位置（* 需要请求用户授权 *）
    :: 效果: 会在地图上显示一个蓝色圆点(大头针),标示用户当前所在位置, 地图不会跟着用户移动而移动 ::
    :: 代码: self.customMapView.showsUserLocation = YES; ::
  • 设置地图的用户追踪模式（* 需要请求用户授权 *）
    :: 效果: 会在地图上显示一个蓝色圆点(大头针),标示用户当前所在位置, 地图会跟着用户移动而移动, 而且自动放大地图到合适比例 ::
    1. 创建CLLocationManager对象请求授权
      '' -(CLLocationManager *)locationM
      '' {
      '' if (!_locationM) {
      '' _locationM = [[CLLocationManager alloc] init];
      '' if ([_locationM respondsToSelector:@selector(requestAlwaysAuthorization)]) {
      '' [_locationM requestAlwaysAuthorization];
      '' }
      '' }
      '' return _locationM;
      '' }
    2. 设置地图的用户追踪模式
      （注意：设置此属性会使用到用户的位置隐私，所以需要请求用户授权，否则没有效果）
      '' /**
      '' MKUserTrackingModeNone = 0, // 不跟随
      '' MKUserTrackingModeFollow, // 跟随用户位置
      '' MKUserTrackingModeFollowWithHeading, // 跟随用户位置，并跟随用户方向
      '' */
      '' [self locationM];
      '' self.customMapView.userTrackingMode = MKUserTrackingModeFollowWithHeading;

地图的中级使用

  • 查看当前用户位置信息
    1. 设置地图代理,并实现代理方法,在代理方法中获取用户当前位置(注意:iOS8.0之后要请求授权!!)
    2. 将地图显示中心调整为用户当前所在位置（iOS8.0之前，地图不会自动移动到用户所在位置）
    3. 调整当前地图显示的区域（可使用对应代理方法查看当前地图跨度,然后调整到合适跨度即可）
      ''-(void)mapView:(MKMapView )mapView didUpdateUserLocation:(MKUserLocation )userLocation
      '' {
      '' /
      '' MKUserLocation : 被称作“大头针模型”，其实喊什么都行，本质就是一个数据模型，只不过此模型遵循了大头针要遵循的协议（MKAnnotation）
      '' location: 用户当前所在位置信息(CLLocation对象)
      '' title: 大头针标注要显示的标题(NSString对象)
      '' subtitle: 大头针标注要显示的子标题(NSString对象)
      '' /
      '' // 根据用户当前位置的经纬度，设置地图显示中心
      '' /      *
      '' 存在弊端：地图显示比例过大，无法调整
      '' 解决方案：直接使用对应的调整地图“显示区域”的API
      '' /
      '' // [mapView setCenterCoordinate:userLocation.coordinate animated:YES];
      '' /      *
      '' MKCoordinateSpan 跨度解释：
      '' latitudeDelta：纬度跨度，因为南北纬各90度，所以此值的范围是（0---180）；此值表示，整个地图视图宽度，显示多大跨度
      '' longitudeDelta：经度跨度，因为东西经各180度，所以此值范围是（0---360）：此值表示，整个地图视图高度，显示多大跨度
      '' 注意：地图视图显示，不会更改地图的比例，会以地图视图高度或宽度较小的那个为基准，按比例调整
      '' */
      '' // MKCoordinateSpan span = MKCoordinateSpanMake(0.1, 0.1);
      '' // MKCoordinateRegion region = MKCoordinateRegionMake(userLocation.coordinate, span);
      '' // [mapView setRegion:region animated:YES];
      '' }
      ''
      '' // 当地图区域(跨度)改变时调用
      '' -(void)mapView:(MKMapView *)mapView regionDidChangeAnimated:(BOOL)animated
      '' {
      '' NSLog(@"%f---%f", mapView.region.span.latitudeDelta, mapView.region.span.longitudeDelta);
      '' }

大头针基本使用

** 必须理解: 在地图上操作大头针,实际上是控制大头针数据模型
** 添加大头针就是添加大头针数据模型 **
** 删除大头针就是删除大头针数据模型 **

  • 添加一个/多个大头针

    1. 自定义大头针模型(需要遵循MKAnnotation协议)
      ''#import <MapKit/MapKit.h>
      ''
      '' @interface XMGAnnotation : NSObject <MKAnnotation>
      ''
      '' @property (nonatomic, assign) CLLocationCoordinate2D coordinate;
      '' @property (nonatomic, copy, nullable) NSString *title;
      '' @property (nonatomic, copy, nullable) NSString *subtitle;
      ''
      '' @end
    2. 创建自定义大头针模型,并添加到地图上
      '' -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
      '' {
      '' // 如果我们仅仅添加大头针数据模型，地图上会自动添加系统默认的大头针视图
      '' XMGAnnotation *annotation = [[XMGAnnotation alloc] init];
      '' // annotation.coordinate = self.mapView.centerCoordinate;
      '' // 1. 获取当前点的位置
      '' UITouch *touch = [touches anyObject];
      '' CGPoint point = [touch locationInView:self.mapView];
      '' // 把点转换成对应的经纬度
      '' CLLocationCoordinate2D coordinate = [self.mapView convertPoint:point toCoordinateFromView:self.mapView];
      '' // TODO:使用反地理编码，获取对应大头针的所在的位置信息，通过标注显示出来
      '' annotation.coordinate = coordinate;
      '' annotation.title = @"小码哥";
      '' annotation.subtitle = @"小🐴哥分部";
      ''
      '' // 添加单个大头针
      '' [self.mapView addAnnotation:annotation];
      '' // 添加多个大头针
      '' // [self.mapView addAnnotations:@[]];
      '' }

  • 移除一个/多个大头针
    '' [self.mapView removeAnnotations:self.mapView.annotations];

自定义大头针

** 添加大头针数据模型时, 其实地图会调用代理方法查找对应的大头针视图, 如果没有找到, 就会使用系统默认的大头针视图 **

  1. 模拟系统大头针实现方案,并对系统大头针进行部分自定义
    ''- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id<MKAnnotation>)annotation
    '' {
    '' if ([annotation isKindOfClass:[MKUserLocation class]]) {
    '' return nil;
    '' }
    '' // 如果此方法返回nil, 就会使用系统自带的大头针视图
    '' // 模拟下，返回nil，系统的解决方案
    '' static NSString *pinId = @"pinID";
    '' MKPinAnnotationView *pinView = ( MKPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:pinId];
    '' if (pinView == nil) {
    '' pinView = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:pinId];
    '' }
    '' pinView.annotation = annotation;
    '' // 是否显示标注
    '' pinView.canShowCallout = YES;
    '' // 设置大头针颜色
    '' pinView.pinColor = MKPinAnnotationColorPurple;
    '' // 设置大头针是否有下落动画
    '' pinView.animatesDrop = YES;
    '' return pinView;
    '' }
    （弹出标注， 修改大头针颜色， 设置大头针从天而降， 设置大头针可以被拖拽）
  2. 自定义大头针
    '' - (MKAnnotationView )mapView:(MKMapView )mapView viewForAnnotation:(id<MKAnnotation>)annotation
    '' {
    '' if ([annotation isKindOfClass:[MKUserLocation class]]) {
    '' return nil;
    '' }
    '' /     自定义大头针-------*/
    '' static NSString *pinId = @"pinID";
    '' MKAnnotationView *annoView = [mapView dequeueReusableAnnotationViewWithIdentifier:pinId];
    '' if (annoView == nil) {
    '' annoView = [[MKAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:pinId];
    '' }
    '' annoView.annotation = annotation;
    '' annoView.image = [UIImage imageNamed:@"category_5"];
    '' annoView.canShowCallout = YES;
    '' UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"huba.jpeg"]];
    '' imageView.bounds = CGRectMake(0, 0, 44, 44);
    '' annoView.leftCalloutAccessoryView = imageView;
    '' imageView.userInteractionEnabled = YES;
    '' UIImageView *imageView2 = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"eason.jpg"]];
    '' imageView2.bounds = CGRectMake(0, 0, 44, 44);
    '' annoView.rightCalloutAccessoryView = imageView2;
    '' annoView.detailCalloutAccessoryView = [UISwitch new];
    '' annoView.draggable = YES;
    '' return annoView;
    '' }
    • 大头针图标，大头针标注，左侧视图，右侧视图，详情视图，等；*
  3. 选中，和取消选中大头针时的代理方法
    ''// 点击标注
    '' - (void)mapView:(MKMapView *)mapView annotationView:(MKAnnotationView *)view calloutAccessoryControlTapped:(UIControl *)control
    '' {
    '' NSLog(@"点击标注");
    '' }
    '' // 选中大头针
    '' - (void)mapView:(MKMapView *)mapView didSelectAnnotationView:(MKAnnotationView *)view
    '' {
    '' NSLog(@"选中大头针");
    '' }
    '' // 取消选中大头针
    '' -(void)mapView:(MKMapView *)mapView didDeselectAnnotationView:(MKAnnotationView *)view
    '' {
    '' NSLog(@"取消选中大头针");
    '' }

利用系统App导航

''// 根据两个地标对象进行调用系统导航
'' - (void)beginNavWithBeginPlacemark:(CLPlacemark *)beginPlacemark andEndPlacemark:(CLPlacemark *)endPlacemark
'' {
'' 
''     // 根据 CLPlacemark 地标对象创建 MKPlacemark 地标对象
''     MKPlacemark *itemP1 = [[MKPlacemark alloc] initWithPlacemark:beginPlacemark];
''     MKMapItem *item1 = [[MKMapItem alloc] initWithPlacemark:itemP1];
'' 
'' 
''     MKPlacemark *itemP2 = [[MKPlacemark alloc] initWithPlacemark:endPlacemark];
''     MKMapItem *item2 = [[MKMapItem alloc] initWithPlacemark:itemP2];
'' 
''     NSDictionary *launchDic = @{
''                                 // 设置导航模式参数
''                                 MKLaunchOptionsDirectionsModeKey : MKLaunchOptionsDirectionsModeDriving,
''                                 // 设置地图类型
''                                 MKLaunchOptionsMapTypeKey : @(MKMapTypeHybridFlyover),
''                                 // 设置是否显示交通
''                                 MKLaunchOptionsShowsTrafficKey : @(YES),
'' 
''                                 };
''     // 根据 MKMapItem 数组 和 启动参数字典 来调用系统地图进行导航
''     [MKMapItem openMapsWithItems:@[item1, item2] launchOptions:launchDic];
''     
'' }

''

数字版街景地图

''  /**
''         补充1：类似于地图街景，增强用户体验
''      */
''     CLLocationCoordinate2D center = CLLocationCoordinate2DMake(23.132931, 113.375924);
''     MKMapCamera *camera = [MKMapCamera cameraLookingAtCenterCoordinate:center fromEyeCoordinate:CLLocationCoordinate2DMake(center.latitude + 0.001, center.longitude + 0.001) eyeAltitude:1];
''     self.mapView.camera = camera;

地图快照截图

''  /**
''         补充2：地图截图
''      */
''     // 截图附加选项
''     MKMapSnapshotOptions *options = [[MKMapSnapshotOptions alloc] init];
''     // 设置截图区域(在地图上的区域,作用在地图)
''     options.region = self.mapView.region;
'' //    options.mapRect = self.mapView.visibleMapRect;
'' 
''     // 设置截图后的图片大小(作用在输出图像)
''     options.size = self.mapView.frame.size;
''     // 设置截图后的图片比例（默认是屏幕比例， 作用在输出图像）
''     options.scale = [[UIScreen mainScreen] scale];
'' 
''     MKMapSnapshotter *snapshotter = [[MKMapSnapshotter alloc] initWithOptions:options];
''     [snapshotter startWithCompletionHandler:^(MKMapSnapshot * _Nullable snapshot, NSError * _Nullable error) {
''         if (error) {
''             NSLog(@"截图错误：%@",error.localizedDescription);
''         }else
''         {
''             // 设置屏幕上图片显示
''             self.snapshootImageView.image = snapshot.image;
''             // 将图片保存到指定路径（此处是桌面路径，需要根据个人电脑不同进行修改）
''             NSData *data = UIImagePNGRepresentation(snapshot.image);
''             [data writeToFile:@"/Users/wangshunzi/Desktop/snap.png" atomically:YES];
''         }
''     }];

获取导航路线信息

''// 根据两个地标，向苹果服务器请求对应的行走路线信息
'' - (void)directionsWithBeginPlackmark:(CLPlacemark *)beginP andEndPlacemark:(CLPlacemark *)endP
'' {
'' 
''     // 创建请求
''     MKDirectionsRequest *request = [[MKDirectionsRequest alloc] init];
'' 
''     // 设置开始地标
''     MKPlacemark *beginMP = [[MKPlacemark alloc] initWithPlacemark:beginP];
''     request.source = [[MKMapItem alloc] initWithPlacemark:beginMP];
'' 
''     // 设置结束地标
''     MKPlacemark *endMP = [[MKPlacemark alloc] initWithPlacemark:endP];
''     request.destination = [[MKMapItem alloc] initWithPlacemark:endMP];
'' 
'' 
''     // 根据请求，获取实际路线信息
''     MKDirections *directions = [[MKDirections alloc] initWithRequest:request];
''     [directions calculateDirectionsWithCompletionHandler:^(MKDirectionsResponse * _Nullable response, NSError * _Nullable error) {
'' 
''         /** 
''          MKDirectionsResponse对象解析
''             source ：开始位置
''             destination ：结束位置
''             routes ： 路线信息 （MKRoute对象）
'' 
''          MKRoute对象解析
''             name ： 路的名称
''             advisoryNotices ： 注意警告信息
''             distance ： 路线长度（实际物理距离，单位是m）
''             polyline ： 路线对应的在地图上的几何线路（由很多点组成，可绘制在地图上）
''             steps ： 多个行走步骤组成的数组（例如“前方路口左转”，“保持直行”等等， MKRouteStep 对象）
''          
''         MKRouteStep对象解析
''             instructions ： 步骤说明（例如“前方路口左转”，“保持直行”等等）
''             transportType ： 通过方式（驾车，步行等）
''             polyline ： 路线对应的在地图上的几何线路（由很多点组成，可绘制在地图上）
''          
''         注意：
''             MKRoute是一整条长路；MKRouteStep是这条长路中的每一截；
'' 
''          */
''         [response.routes enumerateObjectsUsingBlock:^(MKRoute * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
''             NSLog(@"%@--", obj.name);
''             [obj.steps enumerateObjectsUsingBlock:^(MKRouteStep * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
''                 NSLog(@"%@", obj.instructions);
''             }];
''         }];
'' 
''     }];
'' 
'' }

''

绘制导航路线

** 路线也是一个覆盖层 **
** 理论指导:在地图上操作覆盖层,其实操作的是覆盖层的数据模型 **
** 添加覆盖层:在地图上添加覆盖层数据模型 **
** 删除覆盖层:在地图上移除覆盖层数据模型 **

  1. 创建线路覆盖层模型,并添加到地图上
    '' // 绘制线路
    '' - (void)drawMapLine:(id <MKOverlay>)overlay
    '' {
    '' /**
    '' 注意：这里不像添加大头针那样，只要我们添加了大头针模型，默认就会在地图上添加系统的大头针视图
    '' 添加覆盖层，需要我们实现对应的代理方法，在代理方法中返回对应的覆盖层
    '' /
    '' [self.mapView addOverlay:overlay];
    ''
    '' /    * 补充测试：添加一个圆形覆盖层 */
    '' // MKCircle *circle = [MKCircle circleWithCenterCoordinate:self.mapView.centerCoordinate radius:1000000];
    '' // [self.mapView addOverlay:circle];
    '' }
    ''
  2. 利用地图的代理方法,返回对应的图层渲染
    ''-(MKOverlayRenderer *)mapView:(MKMapView *)mapView rendererForOverlay:(id<MKOverlay>)overlay{
    ''// 创建折线渲染对象
    '' if ([overlay isKindOfClass:[MKPolyline class]]) {
    '' MKPolylineRenderer *lineRenderer = [[MKPolylineRenderer alloc] initWithOverlay:overlay];
    ''// 设置线宽
    '' lineRenderer.lineWidth = 6;
    ''// 设置线颜色
    '' lineRenderer.strokeColor = [UIColor redColor];
    '' return lineRenderer;
    ''}
    ''// 创建圆形区域渲染对象
    ''// if ([overlay isKindOfClass:[MKCircle class]]) {
    ''// MKCircleRenderer *circleRender = [[MKCircleRenderer alloc] initWithOverlay:overlay];
    ''// circleRender.fillColor = [UIColor cyanColor];
    ''// circleRender.alpha = 0.6;
    ''// return circleRender;
    ''// }
    ''return nil;
    ''
    ''}

集成百度地图

  1. 下载百度地图SDK
  2. 按照说明进行配置(务必按照提示,一步一步配置)
  3. 集成百度地图,直接使用

相关文章

  • 研究地图

    文/明日之月 自从地图挂上之后，我们多了一项活动。就是没事干的时候我们一起对着地图研究。 我成了他们俩受教育的对象...

  • 地图研究

    地图的基本使用 设置地图类型'' // 1.设置地图显示类型'' /**'' MKMa...

  • 测试与评估拓展学习

    行业研究 竞品分析 市场研究：U&A研究、细分市场研究 体验地图 用户画像

  • 关于高德地图、google地图转换为GPS真实坐标方法

    最近一直研究地图，包括高德、google、百度、google earth地图，经常使用地图的也会发现，其实高德地图...

  • iOS 地图

    iOS 地图 基础 一 ：定位 在 iOS 程序开发中 地图功能是普遍存在的，刚好最近都在研究地图的功能。总结一下...

  • 服务地图小结

    一、服务地图介绍 服务地图也称作体验地图，可贯穿体验始终，涵盖了用户角色，心情体验图等用户研究部分，也包括体验流程...

  • 多元思维模型【思维方式2】：模型只是模型——知道局限，才配拥有。

    我们经常依靠地图选择行动路线，但是巴顿将军很早就就明白，地图只是“图”。有一次，巴顿将军发现士兵坐在路边研究地图，...

  • 百度地图API调用

    调用百度地图的API可以非常方便的实现我们需要的地图的功能，今天研究了一下调用百度地图API，显示定位信息、地图标...

  • 说说《泰州老地图》

    老地图，既有历史价值，研究价值，还有收藏价值。泰州市城建档案馆于2015年编了一套《泰州老地图》。自《泰州老地图》...

  • Android RecyclerView列表中加载地图(高德)

    公司在做IM，聊天中发送地图，要求像微信一样，研究好久，在高德地图api上找到静态地图api1、如何在listvi...

网友评论

      本文标题：地图研究

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

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|地图研究|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！