首页 > 代码库 > iOS学习笔记—— MapKit

iOS学习笔记—— MapKit

2024-07-24 06:38:02   224人阅读

       在iOS应用程序中，我们可以使用Map Kit API开发地图应用，其核心是MKMapView类。本次主要实现的功能是显示地图，添加标注，跟踪用户位置变化。

       （本日志的所有内容基于已成功获取坐标位置，获取方法见上篇日志）

1、显示地图

       首先需要引用<MapKit/MapKit.h>，它的委托协议是 MKMapViewDelegate。

       初始化MapView

mapView = [[MKMapView alloc] initWithFrame:CGRectMake(5, 120, self.view.frame.size.width - 10, 430)];
    mapView.mapType = MKMapTypeStandard;
    mapView.delegate = self;

        地图类型（mapType）有以下3种：

                MKMapTypeStandard        标注地图类型

                MKMapSatellite                 卫星地图类型

                MKMapTypeHybrid            混合地图类型


        在获取到位置的placemark后，我自定义了一个函数，实现地图的显示

- (void) showInMapView: (CLPlacemark *) placemark
{
    CLLocationCoordinate2D coordinate = placemark.location.coordinate;
    
    // 添加MapView
    MKCoordinateSpan span = MKCoordinateSpanMake(0.01, 0.01);<span style="white-space:pre">			</span>// 跨度（比例）
    MKCoordinateRegion region = MKCoordinateRegionMake(coordinate, span);       // 范围、区域
    [mapView setRegion:region];
    [self.view addSubview: mapView];
}
       此处只需设置mapView的显示区域，使用如下结构体：

                typedef struct{

                          CLLocationCoordinate2D center;// 中心点

                          MKCoordinateSpan Span;// 跨度

                }MKCoodinateRegion;

        结构体初始化使用 MKCoodinateRegionMake函数，其第一个参数指定了目标区域中心点，第二个设置目标区域的跨度

        而显示跨度的结构体MKCoordinateSpan的定义为：

                typedef struct{

                          CLLocationDegress latitudeDelta;// 区域的南北跨度

                          CLLocationDegress longtitudeDelta;// 区域的东西跨度

                }MKCoordinateSpan;

        南北跨度1度大约是111公里，东西跨度在赤道上1度大约是111公里，越靠近两极，这个距离在逐渐减小，在极点是变为0公里。

        最后使用setRegion函数，为mapView设置显示区域。

2、添加标注

        首先要引用它的头文件<MapKit/MKAnnotation.h>,

        首先设置标注点，需使用MKPointAnnotation类，它主要有以下三个属性

                - （NSString *） titile；        标注点的主标题

                - （NSString *）subtitle；    标注点的副标题

                - （CLLocationCoordinate2D） coordinate；    // 标注点的位置信息

        在设置好以上三个属性后，直接使用addAnnotation函数将标注点添加进mapView。

        这部分代码还是在上面的showInMapView: 函数中，代码如下

- (void) showInMapView: (CLPlacemark *) placemark
{
    CLLocationCoordinate2D coordinate = placemark.location.coordinate;
    
    // 添加MapView
    MKCoordinateSpan span = MKCoordinateSpanMake(0.01, 0.01);
    MKCoordinateRegion region = MKCoordinateRegionMake(coordinate, span);
    [mapView setRegion:region animated:YES];
    [self.view addSubview: mapView];
    
    
    // 添加Annotation
    MKPointAnnotation *annotaion = [[MKPointAnnotation alloc] init];
    annotaion.coordinate = coordinate;
    annotaion.title = placemark.locality;
    annotaion.subtitle = placemark.name;
    
    [mapView addAnnotation: annotaion];
}

       要实现标注的显示，我们还应实现地图视图委托协议中的 mapView: viewForAnnotation:方法，在该方法中，我们实例化一个标注点视图（MKPointAnnotationView），并完成它的初始化工作，实现代码如下：

- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id <MKAnnotation>)annotation
{
    MKPinAnnotationView *annotaionView = (MKPinAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:@"PIN_ANNOTATION"];
    if (annotaionView == nil) {
        annotaionView = [[MKPinAnnotationView alloc] initWithAnnotation: annotation reuseIdentifier:@"PIN_ANNOTATION"];
    }
    
    annotaionView.pinColor = MKPinAnnotationColorRed;<span style="white-space:pre">		</span>// 标注点颜色
    annotaionView.animatesDrop = YES;<span style="white-space:pre">				</span>// 动画
    annotaionView.canShowCallout = YES;<span style="white-space:pre">				</span>// 插图编号

    return annotaionView;
}
         其中 (MBAnnotationView *) - dequeueReusableAnnotationViewWithIdentifier: 通过标识符返回可复用的标注视图
3、跟踪用户位置变化

        开启地图的showsUserLocation属性，并设置方法setUserTrackMode:即可实现跟踪用户的位置和方向变化。

    mapView.showsUserLocation = YES;
    [mapView setUserTrackingMode:MKUserTrackingModeFollowWithHeading animated:YES];
       其中用户跟踪模式有以下三种：

                MKUserTrackingModeNone        没有用户跟踪模式

                MKUsetTrackingModeFollow      跟踪用户的位置变化 
                MKUserTrackingModeFollowWithHeading           跟踪用户位置和方向变化

        同时还需实现地图视图的委托方法mapView:didUpdataUserLocation:

- (void) mapView:(MKMapView *) mapView didUpdateUserLocation:(MKUserLocation *)userLocation
{
    mapView.centerCoordinate = userLocation.location.coordinate;
}









iOS学习笔记—— MapKit


联系
我们