细说地图(swift)

一 地图的基本使用

1 地图需要依赖的框架 : MapKit

2 框架基本作用 : 用于地图展示，例如大头针，路线、覆盖层展示等（着重界面展示）

3 使用步骤 :

—-> 3.1 导入头文件 : import MapKit(swift) ; #import

—-> 3.2 MapKit有一个比较重要的UI控件 ：MKMapView，专门用于地图显示

4 设置地图显示类型

—-> 4.1 地图的样式可以手动设置, 在iOS9.0之前有3种, iOS9.0之后增加了2种

        Standard :普通地图
        Satellite : 卫星云图
        Hybrid : 普通 + 卫星云图
        SatelliteFlyover ios9.0 3D立体
        HybridFlyover ios9.0 3D立体混合

—-> 4.2 设置方式

mapView.mapType = .HybridFlyover

5 设置地图的控制项(包括 : 地图的旋转, 缩放, 移动等等操作行为都可以开启或者关闭)

—-> 5.1 设置方式 :

        mapView.scrollEnabled = false //滚动
        mapView.rotateEnabled = false //旋转
        mapView.zoomEnabled = false //缩放 缩放和滚动默认是有的
        mapView.pitchEnabled = false //3D

6 设置地图的显示项(包括 : 地图上的指南针, 比例尺, 建筑物, POI点都可以控制是否显示)

—-> 6.1 设置方式 :

        if #available(iOS 9.0, *) {
            mapView.showsCompass = true //显示指南针
            mapView.showsScale = true //显示比例尺
            mapView.showsTraffic = true //显示交通
        }
        mapView.showsBuildings = true //显示建筑物
        mapView.showsPointsOfInterest = true //显示兴趣点
        mapView.showsUserLocation = true //显示用户

7 测试的时候常见的问题

—-> 7.1 为什么地图加载不显示? 解答 : 检查网络是否通畅

—-> 7.2 为什么地图放的太大都是格子, 禁止浏览? 解答 : 正常, 为了安全等原因, 不会看的太详细

—-> 7.3 为什么地图运行起来APP占用内存非常大? 解答 : 正常, 地图加载了很多资源

8 测试所需要的环境

—-> 8.1 加载地图数据需要联网

—-> 8.2 XCode版本根据测试选择不同版本(iOS9.0 只能使用 XCode7.0版本)

—-> 8.3 iOS系统版本根据测试选择不同版本(例如地图类型, 在iOS9.0之后才有新增)

9 地图显示用户的位置

—-> 9.1 可以设置显示用户当前所在位置, 以一个蓝点的形式呈现在地图上(注意 : 如果要显示用户位置, 在iOS8.0之后, 需要主动请求用户授权)

—-> 9.2 设置方式 : (两种)

//1. 显示用户的位置后,地图并不跟着用户的位置的改变而改变视角
        mapView.showsUserLocation = true //显示用户
        //2. 显示用户的位置之后,地图会跟随着用户的位置,一直让用户的位置显示在地图的中心,当时不灵活
        mapView.userTrackingMode = .FollowWithHeading

—-> 9.3 两种方式呈现出来的效果 : 方式一产生效果 : 会在地图上显示一个蓝点, 标识用户所在位置; 但地图不会缩放, 而且当用户位置移动时, 地图不会跟随用户位置移动而移动; 方式二产生效果 : 会在地图上显示一个蓝点, 标识用户所在位置; 而且地图缩放到合适比例,显示用户位置, 当用户位置移动时, 地图会跟随用户位置移动而移动; 但是有时候失效.

—-> 9.4 测试的时候可能会出现的问题 : 用户位置不显示?

—-> 9.5 可能原因 : 1> 检查代码, 是否有设置显示用户位置,是否有进行请求位置授权 2> 查看模拟器是否有位置信息 3> 模拟器的问题

二 用户位置追踪

1 在storyboard中拖拽一个现实地图的UI控件

2 直接在storyboard中设置代理

3 导入框架

4 实现代理方法

5 具体代码 :

—-> 5.1 懒加载

//懒加载
    private lazy var location : CLLocationManager = {
       let location = CLLocationManager()
        if #available(iOS 8.0, *) {
            location.requestAlwaysAuthorization()
        }
        return location
    }()

—-> 5.2 地图的相关设置

override func viewDidLoad() {
        super.viewDidLoad()

        mapView.showsBuildings = true
        if #available(iOS 9.0, *) {
            mapView.mapType = .HybridFlyover
        }
        mapView.mapType = .Standard
        mapView.showsUserLocation = true
        _ = location

        mapView.userTrackingMode = .FollowWithHeading

    }

—-> 5.3 代理方法

extension ViewController : MKMapViewDelegate {
    //当地图获取到用户的位置的时候回调用该方法
    func mapView(mapView: MKMapView, didUpdateUserLocation userLocation: MKUserLocation) {
        //MKUserLocation 大头数据模型 只要遵守了MKAnnotation就是大头针数据模型
        //获取用户的大头针数据模型
        userLocation.title = "肖锋"
        userLocation.subtitle = "你好吗????"
        //获取用户当前的中心位置
        let center = userLocation.location?.coordinate
        mapView.setCenterCoordinate(center!, animated: true)

        //改变显示区域
        let span = MKCoordinateSpanMake(0.162493481087147, 0.10857004327103)
        let region = MKCoordinateRegionMake(center!, span)
        mapView.setRegion(region, animated: true)
    }

    //当区域改变的时候会调用该方法
    func mapView(mapView: MKMapView, regionDidChangeAnimated animated: Bool) {
            print(mapView.region.span)
    }
}

6 大头针数据模型的详细解答

—-> 6.1 MKUserLocation : 被称作“大头针(数据)模型”( 其实喊什么都行，本质就是一个数据模型，只不过此模型遵循了大头针要遵循的协议（MKAnnotation）)

—-> 6.2 重要属性 : location : 用户当前所在位置信息(CLLocation对象) ;title : 大头针标注要显示的标题(NSString对象) ; subtitle : 大头针标注要显示的子标题(NSString对象).

7 测试的时候可能会出现的问题

—-> 7.1 地图上的蓝点为什么不显示? 解答 : (1) 确定代码是否有误(例如, 是否显示了用户位置); (2) 确定模拟器是否设置位置 ; (3) 看下位置在哪, 是不是不在当前地图显示区域

—-> 7.2 地图跨度设置之后, 最终显示的跨度和设置数值不一致? 解答 : 因为地球的不是正方形的, 随着用户的位置移动, 会自动修正地图跨度, 保持地图不变形;

三 大头针的使用

1 大头针的理论依据 : 按照MVC原则

—-> 1.1 在地图上操作大头针,实际上是控制大头针的数据模型

—-> 1.2 添加大头针就是添加大头针数据模型

—-> 1.3 删除大头针就是删除大头针数据模型

2 需要实现如图功能(简单)

3 定义模型(必须遵守MKAnnotation协议)

—-> 3.1 创建遵守MKAnnotation的模型文件

—-> 3.2 该模型中需要的属性

import MapKit

class XFJAnnotation: NSObject , MKAnnotation {
    //位置坐标
    var coordinate : CLLocationCoordinate2D = CLLocationCoordinate2DMake(0, 0)
    //标题和子标题
    var title : String?
    var subtitle : String?
}

—-> 3.3 通过拖线的方式拿到storyboard中的map

 //拿到地图
    @IBOutlet weak var mapView: MKMapView!

—-> 3.4 点击屏幕获取

//点击屏幕获取
    override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
        //获取点
        let point = touches.first?.locationInView(mapView)
        //将试图上的点转化为经度和纬度
        let coodinate = mapView.convertPoint(point!, toCoordinateFromView: mapView)
        //添加大头针
        let annotation = addAnntation(coodinate, title: "肖锋", subtitle: "嘿嘿!!!")
        //反地理编码获取详细信息
        let location = CLLocation(latitude: coodinate.latitude, longitude: coodinate.longitude)
        geoc.reverseGeocodeLocation(location) { (clplc : [CLPlacemark]?, error : NSError?) -> Void in
            //检查内容是否为空
            guard let clplc = clplc else {return}
            guard let clplcs = clplc.first else {return}
            //设置大头针的标题和子标题
            annotation.title = clplcs.locality
            annotation.subtitle = clplcs.name

        }

    }

—-> 3.4 移动屏幕移除所有的大头针

 //移动屏幕移除所有的大头针
   override func touchesMoved(touches: Set<UITouch>, withEvent event: UIEvent?) {
        //取出所有的大头针
        let annotation = mapView.annotations
        //移除有所的大头针
        mapView.removeAnnotations(annotation)
    }

—-> 3.5 通过一个方法创建大头针

///MARK : - 创建大头针
extension ViewController {
    private func addAnntation(coordinate : CLLocationCoordinate2D, title : String?, subtitle : String?) ->XFJAnnotation
    {
        //创建大头针
        let annotation = XFJAnnotation()
        //设置标题
        annotation.title = title
        annotation.subtitle = subtitle
        //设置大头针的位置
        annotation.coordinate = coordinate

        //添加大头针
        mapView.addAnnotation(annotation)

        //返回大头针
        return annotation
    }
}

4 可能会出现的问题

—-> 4.1 反地理编码无法获取对应的数据 ? 原因 : (1) 检查是否有联网 (2) 检查代码是否有误 (3) 有时存在某些位置没有反地理编码结果, 换个点尝试, 如果都没有, 排除此原因

四 大头针的添加和删除

1 当代码执行到下面这一句的时候,会调用一个代理方法

//添加大头针
        /* 当创建一个大头针数据模型添加到地图上之后,会执行对应的代理方法,在代理方法中查找对应的大头针视图 */
        mapView.addAnnotation(annotation)

—-> 1.1 会调用的代理方法(大头针的相关设置)

extension ViewController : MKMapViewDelegate {
    //当添加一个大头针数据模型,会调用该方法,寻找对应的大头针视图并返回,如果此处返回的是nil,代表使用系统默认的大头针
    func mapView(mapView: MKMapView, viewForAnnotation annotation: MKAnnotation) -> MKAnnotationView? {

        //创建标识
        let pinID = "pinID"
        //从缓存池中通过标识取出大头针视图
        var pinAnntationView = mapView.dequeueReusableAnnotationViewWithIdentifier(pinID) as? MKPinAnnotationView
        //判断大头针是否为空
        if pinAnntationView == nil {
            pinAnntationView = MKPinAnnotationView(annotation: annotation, reuseIdentifier: pinID)
        }
        //设置数据模型(必须设置的)
        pinAnntationView?.annotation = annotation
        //运行弹框
        pinAnntationView?.canShowCallout = true
        //设置大头针的颜色
        pinAnntationView?.pinTintColor = UIColor.redColor()
        //设置大头针的下落动画
        pinAnntationView?.animatesDrop = true
        //拖动大头针顶视图
        pinAnntationView?.draggable = true
        //返回大头针视图
        return pinAnntationView
    }

—-> 1.2 拖动或者选中大头针的时候会调用(都是代理方法)

//当拖动大头针视图的时候会调用
    func mapView(mapView: MKMapView, annotationView view: MKAnnotationView, didChangeDragState newState: MKAnnotationViewDragState, fromOldState oldState: MKAnnotationViewDragState) {
        print(newState.rawValue,oldState.rawValue)
    }
    //当选中大头针的时候会调用
    func mapView(mapView: MKMapView, didSelectAnnotationView view: MKAnnotationView) {
        print("选中了\(view.annotation!.title)")
    }

    //当反选中大头针的时候回调用
    func mapView(mapView: MKMapView, didDeselectAnnotationView view: MKAnnotationView) {
        print("反选中了\(view.annotation?.title)")
    }

五 大头针的头像设置(左右头像设置)

1 直接在第一个代理方法中拿到大头针进行设置

//大头针的左边视图
        let image = UIImage(named: "Snip20160508_1")
        let imageView = UIImageView(frame: CGRectMake(0, 0, 50, 50))
        imageView.image = image
        pinAnntationView?.leftCalloutAccessoryView = imageView
        //大头针的右边视图
        let image1 = UIImage(named: "Snip20160508_2")
        let imageView1 = UIImageView(frame: CGRectMake(0, 0, 60, 60))
        imageView1.image = image1
        pinAnntationView?.rightCalloutAccessoryView = imageView1

六 大头针的定位追踪

1 执行程序后的图片(红色标明的部分)

2 代码 : MKUserTrackingBarButtonItem(主要是这句)

override func viewDidLoad() {
        super.viewDidLoad()
        let userTrackingItem = MKUserTrackingBarButtonItem(mapView: mapView)
        navigationItem.rightBarButtonItem = userTrackingItem
        _ = location
    }

七 总结

1 这篇博客我只是简单的说明了关于地图的基本使用,具体的实现场景我得为大家写上地图在app上的具体实现,将在后续为大家介绍.(以上内容只提供给初学者学习,当然如果您有很久的开发经验,麻烦您多多赐教).

2 最后,大家如果觉得我写的博客还行的话,麻烦大家多多关注我的官方博客,谢谢!!!!