地图和定位功能的实现-篇幅略大,手机慎入 - 尕小天

地图和定位功能的实现-篇幅略大,手机慎入

来一起学习下地图和定位的使用吧,如有不足,欢迎指正

 

一.定位功能

1.ios7中的定位

 

     1.1 导入 CoreLocation框架

 

     1.2 创建 CLLocationManager对象

          注意:要用强指针指向这个对象,一般采用懒加载来创建     

private lazy var mgr : CLLocationManager = CLLocationManager()

 

     1.3 设置代理,实现代理方法

 

     1.4 开始定位

mgr.startUpdatingLocation()

    

     1.5 优点:不需要设置用户的授权

          在info.plist加上一个key   Privacy - Location Usage Description 写在value上的文字,可以显示在提示权限的文本框内

 

2.ios8(之后)的定位

 

     2.1 请求定位步骤

          2.11 导入CoreLocation框架

          2.12 懒加载CLLocationManager对象

          2.13 请求授权 (1) whenInUse (2) always

          2.14 注意:必须把授权对应的key值 添加到info.plist文件中

          2.15 设置代理,实现代理方法

          2.16 开始定位

 

     2.2 定位属性的应用

          2.21 精确度的使用

               desiredAccuracy精确度越高,越耗电

               属性接收double类型的值,不过最好传系统给定好的值

         kCLLocationAccuracyBestForNavigation: 导航精确度(最精确)
         kCLLocationAccuracyBest: 最好精确度(默认)
         kCLLocationAccuracyNearestTenMeters: 10米的误差
         kCLLocationAccuracyHundredMeters: 100米的误差
         kCLLocationAccuracyKilometer: 千米误差

         kCLLocationAccuracyThreeKilometers: 三千米的误差 

mgr.desiredAccuracy = kCLLocationAccuracyBestForNavigation

 

          2.22 移动一段距离,再次重新定位

           设置用于移动多少距离,重新进行定位         

mgr.distanceFilter = 100

 

     2.3 位置信息的获取

          2.31 发送完请求定位,怎么获取位置信息?

               在代理方法的闭包中,有一个数组,返回了很多信息在里面

     

          2.32 我们常用的信息就是经纬度

 

 

二.计算两个经纬度的距离

 

1.获取当前位置信息

     1.1 导入框架

     1.2 懒加载管理者对象

     1.3 请求授权

     1.4 添加key值

     1.5 设置代理,实现代理方法

     1.6 开始定位     

 

2.获取另一个位置的经纬度

 

3.计算两个位置的距离   distanceFromLocation

 

 

三.简易指南针的制作

 

1.实现思路

     监听手机头方向的改变,在手机屏幕上放一张图片,始终指向北(根据手机方向的改变旋转)

 

2.界面搭建

     拖一个UIImageView放在屏幕*,里面放一张图片

 

3.监听手机头方向的改变

     3.1 怎么监听?

          通过发送请求(定位服务),获取手机头的方向进行监听

 

     3.2 具体实现 

          3.21 导入CoreLocation框架

          3.22 懒加载CLLocationManager对象

          3.23 请求授权 (1) whenInUse (2) always

          3.24 注意:必须把授权对应的key值 添加到info.plist文件中

          3.25 设置代理,实现代理方法

          3.26 请求手机头方向

          3.27 获取真北方向

          3.28 将真北方向转换为弧度

          3.29 让图片根据弧度进行旋转(注意:图片旋转的弧度要取反 ,  要和屏幕旋转方向相反才能保持一直指向一个方向)

 

 

4.对指南针优化

     4.1 真实的指南针指向一个位置,会来回摆动两下才固定位置

          代码实现的指南针没有这个效果

     

     4.2 如何实现这个效果?

          可以通过一个动画来实现 

    // Damping : 阻力系数 (0~1.0)      initialSpringVelocity:回弹速度
        UIView.animateWithDuration(0.5, delay: 0.0, usingSpringWithDamping: 0.8, initialSpringVelocity: 5.0, options: [], animations: {
            self.imageView.transform = transform
            }, completion: nil)

 

四.区域监听

 

1.需求,当进入某指向区域,提醒用户进入该区域,离开该区域也对用户进行提醒

 

2.实现方案步骤

     2.1 懒加载 CLLocationManager对象

     2.2 请求授权(注意:必须使用alyays授权方式) ,配置info文件

     2.3 设置代理

     2.4 创建监听区域

     2.5 实现代理方法 并 开始监听

 

 

3.注意点

     3.1 当之前添加过监听区域时,再次添加新的监听区域,还会对之前的区域进行监听

     3.2 不想监听之前的区域,必须通过代码移除之前的区域

 

五.地理编码&反地理编码

 

需求:输入地理名称,地理编码获得该位置的经纬度.   输入经纬度,输出对应位置的地理名称

 

1.界面搭建

    1.1  整个界面放在屏幕的中心,怎么实现?

          1.11 可以用view包装 

               优缺点:要做大量的约束  , 但可以应用于任何版本

 

          1.12 ios9之后可以用UIStackView来包装

               优缺点:布局简便   只能适用于ios9(之后)

 

     

2.地理编码

     2.1 拿到用户输入的地理名称 (导入框架CoreLocation)

     2.2 地理编码

          2.21 创建 CLGeocoder对象

 

          2.22 对地理名称进行地理编码

     geocoder.geocodeAddressString(address) { (<#[CLPlacemark]?#>, <#NSError?#>) in
            <#code#>
        }

 

          2.23 对闭包中的CLPlacemark数据就行解析(遍历)

               一个地理名称可能对应多个地方,所以编码后的到的结果是一个数组

     

          2.24 获取数组中元素的地理位置(经纬度)

 

          2.25 将经纬度显示到界面

 

3.反地理编码

     3.1 拿到用户输入的经纬度

     3.2 对经纬度进行反地理编码

          3.21 创建 CLGeocoder对象

          

          3.22 对经纬度进行反地理编码

     geocoder.reverseGeocodeLocation(location) { (<#[CLPlacemark]?#>, <#NSError?#>) in
            <#code#>
        }

 

          3.23 对闭包中的CLPlacemark数据就行解析(遍历)

               一个经纬度可能对应多个位置(苹果这么设计的)  所以编码后返回一个数组

               一个位置包含多个信息(省/市/街道/国家/经纬度/)  编码后的结果是字典数组

 

          3.24 取出数组中的一个位置(字典),再获取位置信息(取出字典的元素)

               

          3.25 把获取到的地理名称显示到界面

 

地理编码&反地理编码源代码

class ViewController: UIViewController {
   
    // MARK:- 控件属性
    @IBOutlet weak var addressTextView: UITextView!
    @IBOutlet weak var latitudeTextField: UITextField!
    @IBOutlet weak var longitudeTextField: UITextField!
    // MARK:- 懒加载属性
    private lazy var geocoder : CLGeocoder = CLGeocoder()
}

// MARK:- 地理编码
extension ViewController {
    @IBAction func geocode() {
       
        // 1.获取用户输入的地址名称
        guard let address = addressTextView.text else {
            return
        }
        // 2.对地理名称进行地理编码
        geocoder.geocodeAddressString(address) { (placemarks : [CLPlacemark]?, error : NSError?) in
            // 1.错误校验
            if error != nil {
                print(error)
                return
            }
            // 2.对结果进行校验
            guard let placemarks = placemarks else {
                return
            }
            // 3.遍历所有的结果
            for place in placemarks {
                print(place.name)
               
                // 获取地理位置
                guard let location = place.location else {
                    continue
                }
               
                // 获取经纬度
                let latitude = location.coordinate.latitude
                let longitude = location.coordinate.longitude
               
                // 将经纬度显示textField中
                self.latitudeTextField.text = "\(latitude)"
                self.longitudeTextField.text = "\(longitude)"
            }
        }
    }
}


// MARK:- 反地理编码
extension ViewController {
    @IBAction func reverseGeocode() {
        // 1.获取用户输入的经纬度
        guard let latitude = latitudeTextField.text, let longitude = longitudeTextField.text else {
            return
        }
       
        // 2.将经纬度转成CLLocation对象
        guard let latitudeD = Double(latitude), let longitudeD = Double(longitude) else {
            return
        }
        let location = CLLocation(latitude: latitudeD, longitude: longitudeD)
       
        // 3.反地理编码
        geocoder.reverseGeocodeLocation(location) { (placemarks : [CLPlacemark]?, error : NSError?) in
            // 1.错误校验
            if error != nil {
                print(error)
                return
            }
           
            // 2.对结果进行校验
            guard let placemarks = placemarks else {
                return
            }
            // 3.遍历结果
            for place in placemarks {
                guard let addressDict = place.addressDictionary else {
                    continue
                }
               
                guard let addressArray = addressDict["FormattedAddressLines"] as? [String] else {
                    continue
                }
               
                guard let address = addressArray.last else {
                    continue
                }
               
                self.addressTextView.text = address
            }
        }
    }
}

 

六.把定位封装为工具类

 

1.将工具类设计成单例对象

 

2.封装请求方法,在方法中传入闭包

     2.1 使用属性将闭包保存起来. (因为在代理方法才能拿到位置信息)

     2.2 请求用户位置(1.懒加载管理者对象,并在对象中直接设置请求授权和代理)

 

3.在代理方法中获得用户位置信息,并赋值给闭包属性

 

4.停止请求用户的位置

     mgr.stopUpdatingLocation()

 

5.当第一次发送请求位置信息,会返回多次位置信息,怎么解决这个问题?

     用户只需要定义一个Bool属性,对属性进行判断,为true就接收返回的位置信息

 

七.使用第三方框架请求位置信息

 

去github搜索LocationManager 找到框架去使用

一般用oc版的,swift也能用

 

 

*********************地图篇*************************

 

一.地图的基本展示

 

1.地图可以用一个MapView控件来展示

     注意:要导入MKMapKit框架

 

2.地图的展示类型,可以通过属性 mapType设置

     地图分为:标准地图,卫星地图,混合地图   ios9之后新出了: 三维混合/三维卫星地图

 

3.地图上可以展示哪些的内容

     比例尺,指南针,交通状况,标志建筑,显示用户位置(后面详细介绍)

 

4.可以对地图进行哪些操作

     缩放:zoomEnabled

     旋转:rotateEnabled

     滚动:scrollEnabled

     

 

二.显示用户的位置

 

1.怎么显示用户的位置?

     1.1 设置地图的一个属性即可mapView.showsUserLocation = true  或 mapView.userTrackingMode = .FollowWithHeading/. Follow

     1.2 注意:一定要设置请求授权

          1.21 创建 CLLocationManager对象

          1.22 调用方法授权  requestWhenInUseAuthorization 或 always

          1.23 在info文件中添加对应的key值

          

2.获取用户的位置

     2.1 设置地图的代理

     2.2 实现代理方法

          在代理方法中通过userLocation.location?.coordinate 拿到经纬度

 

3.跟踪用户的位置

     3.1 首先要获取用户的位置

     3.2 设置属性即可  

mapView.userTrackingMode = .FollowWithHeading/. Follow

 

4.设置地图的显示区域

     4.1 通过一个属性就可以设置(一般在代理方法中设置)

mapView.setRegion(<#T##region: MKCoordinateRegion##MKCoordinateRegion#>, animated: <#T##Bool#>)

     

     4.2 需要传入MKCoordinateRegion参数,那么就需要创建这个参数    

MKCoordinateRegion(center: <#T##CLLocationCoordinate2D#>, span: <#T##MKCoordinateSpan#>)

    

     4.3 创建MKCoordinateRegion又需要传入CLLocationCoordinate2D和MKCoordinateSpan参数

 

     4.4 创建CLLocationCoordinate2D参数(经纬度)  可以在代理方法中获得

 

     4.5 创建MKCoordinateSpan参数   1纬度 = 111km     

 let span = MKCoordinateSpan(latitudeDelta: 0.01, longitudeDelta: 0.01)

          

 

5.点击按钮,回到用户的位置

     5.1 当用户拖动地图时,想让地图回到自己的位置,如果还需要拖动回来就太麻烦了

          可以设置一个按钮:点击按钮,立刻让地图的中心点就是自己的位置

 

     5.2 怎么实现?

          获取用户的位置(经纬度coordinate) ,将这个位置设置为地图的中心点即可

 

 

三.在地图上展示大头针

 

1.添加大头针

     1.1 创建大头针对象 addAnnotation(annotation: MKAnnotation)

          1.11 需要创建一个MKAnnotation

          1.12 进去头文件,发现MKAnnotation 是一个协议, 也就是需要传一个遵守该协议的对象

          1.13 自定义一个模型,遵守协议 , 协议里面只有三个计算属性

               也就是说,只需要实现这三个属性(在模型中定义这三个属性  注意:要定义为普通属性)

          1.14 创建模型对象

 

     1.2 将大头针对象添加到mapView中

     addAnnotation(annotation: MKAnnotation)

     

 

2.点击屏幕,在点击位置添加大头针

     2.1 获取用户点击的位置

     2.2 将点击的点转成经纬度

     2.3 根据经纬度创建大头针模型

     2.4 将大头针模型添加到mapView中

     

     

3.自定义大头针(修改大头针的子类)

     3.1 系统给定的大头针样式单一,我们想要其它样式的大头针,需要自定义大头针

 

     3.2 怎么自定义大头针?

          大头针能添加到view上,一定是一个控件,只要拿到这个控件,就可以进行修改

 

     3.3 怎么拿到大头针的view?

          在代理方法中会把大头针添加到mapView上,这个时候就可以拿到

 

     3.4 修改完大头针,发现点击大头针看不到title和subTitle了  为什么?

          需要设置一个属性才可以看到annoView?.canShowCallout = true

 

     3.5 设置大头针的样式,发现标记用户位置的图标也变为了大头针,  不想让标记位置的图标变为大头针,怎么办?

          判断大头针是否为用户值得大头针 MKUserLocation是的话就返回nil  (返回nil就是系统默认的大头针样式)

 

     3.6 对大头针进行性能优化(重用)

          和设置tableView的重用步骤差不多

  

 

4.自定义大头针(修改大头针,自定义大头针的image)

     

     4.1 系统自带的大头针只能显示一个大头针,我们想让大头针显示图片,只能自定义

          新建一个类,继承自 MKAnnotationView  用的时候,直接创建这个类即可

     

     4.2 怎么设置大头针显示的图片?

          只需要设置Image属性即可

 

     4.3 如何让大头针显示不同的图片?

           对大头针类型进行判断 ,给不同类型大头针设置不同的图片即可

 

      4.4 大头针非常多,判断的话很麻烦,也没技术含量,怎么解决?

           给大头针对象添加一个属性: iconName 属性里面保存对应的照片名称即可

           设置的时候,只需要取出属性的值,设置给UIImageView即可

     

     4.5 想在title左右两边也显示图片,怎么办?

           设置两个属性即可 leftCalloutAccessoryView     rightCalloutAccessoryView     

 

 

5.代码重构

     5.1 为什么要进行代码重构?

          把自定义大头针的操作全部写在控制器中,控制器太臃肿

     

     5.2 怎么对控制器进行”瘦身"

          把自定义大头针的代码抽取到一个view中

 

     5.3 怎么抽取?

          自定义大头针的view ,把相关代码封装到view里面

 

     5.4 抽取代码要用到模型和mapView怎么办?

          在自定义view中定义模型属性   把mapView当成参数传进去

 

     5.5 注意: 父类中已经存在这个模型属性了,在子类中不允许重复定义,怎么办?

          重复定义属性的时候,重写属性监听器方法即可

      

6.给大头针添加动画

     6.1 系统自带的大头针可以设置坠落动画,自定义的大头针怎么设置动画?

          我们只要拿到大头针view的frame就能实现坠落动画

 

     6.2 怎么拿到大头针的frame

          只需要获取大头针的view即可

 

     6.3 在代理方法中可以拿到view

 

     6.4 执行动画步骤

          6.41 保存大头针的y值

          6.42 设置大头针的y值为0

          6.43 再设置大头针的y值为原来的值,并执行动画

 

 

四.实现导航功能(了解)

 

1.利用系统的地图实现导航

     1.1 在自己app中打开系统地图,实现导航   

openMapsWithItems(mapItems: [MKMapItem], launchOptions: [String : AnyObject]?) -> Bool

     

     1.2 需要在方法中传入一个数组[MKMapItem](起点,终点) 和一个字典 [String : AnyObject] (导航的参数:驾车还是步行等)

     

     1.3 创建MKMapItem类型的起点和终点

 

     1.4 起点通过的一个方法就能实现,终点要利用地理编码获得

          @IBAction func startNavigating() {
        // 1.获取用户输入的地址
        guard let address = destinationTextField.text else {
            return
        }
        // 2.地理编码
        geocoder.geocodeAddressString(address) { (placemarks : [CLPlacemark]?, error : NSError?) in
            // 3.对错误进行校验
            if error != nil {
                return
            }
            // 4.获取placemark
            guard let clpm = placemarks?.first else {
                return
            }
            // 5.创建终点的item
            let mkpl = MKPlacemark(placemark: clpm)
            let destinationItem = MKMapItem(placemark: mkpl)
           
            // 6.获取起点的item
            let sourceItem = MKMapItem.mapItemForCurrentLocation()
           
            // 7.调用对应的导航方法
            self.startNavigationWithSoureItem(sourceItem, destionationItem: destinationItem)
        }
    }
   
    private func startNavigationWithSoureItem(soureItem : MKMapItem, destionationItem : MKMapItem) {
        // 1.获取起点和终点的item,并且放入到数组中
        let items = [soureItem, destionationItem]
        // 2.设置导航的参数
        /*
         MKLaunchOptionsDirectionsModeKey: 步行/驾车
         MKLaunchOptionsMapTypeKey: 地图类型
         MKLaunchOptionsShowsTrafficKey: 是否显示交通状况
        */
        var launchOptions = [String : NSObject]()
        launchOptions[MKLaunchOptionsDirectionsModeKey] = MKLaunchOptionsDirectionsModeDriving
        launchOptions[MKLaunchOptionsMapTypeKey] = MKMapType.Hybrid.rawValue
        launchOptions[MKLaunchOptionsShowsTrafficKey] = true
       
        // 3.开始导航
        MKMapItem.openMapsWithItems(items, launchOptions: launchOptions)
    }
}

 

2.请求整个导航线路,在自己app中把线路画出来

     2.1 可以通过 MKDirections对象的一个方法实现

 

     2.2 首先要创建 MKDirections对象

 MKDirections(request: <#T##MKDirectionsRequest#>)

 

     2.3 还需要创建MKDirectionsRequest对象

 

     2.4 创建MKDirectionsRequest对象,并设置属性(起点位置和终点位置)

 

     2.5 通过MKDirections对象方法请求 calculateDirectionsWithCompletionHandler路线

 

     2.6 获取所有路线,并把路线通过 addOverlay方法添加到mapView上

 

五.集成百度地图

 

1.如何使用第三方SDK

     1.1 搜索想要集成的SDK

     1.2 进入官方下载SDK开发包

     1.3 查看demo程序(运行看看有哪些功能) 

     1.4 根据API一步步集成(官方一般有文档教程)

     详情可以查看:http://lbsyun.baidu.com/index.php?title=iossdk

 

2.基本集成

     2.1 先将需要集成的功能的框架导入到项目

     2.2 创建桥接文件(根据需求创建, 只有开发包是oc  自己代码是swift才需要创建)

     2.3 在桥接文件中导入头文件(官方文档一般会给需要导入的头文件)

     2.4 配置桥接文件

     

3.请求授权

   3.1 如何授权?

          在AppDelegate文件中进行授权

 

     3.2 授权完,运行直接报错,为什么?

          百度一些框架依赖系统的一些框架,还需要导入系统的一些框架

 

4. BMKMapView的展示

     4.1 创建 BMKMapView对象

     4.2 设置frame,添加到屏幕上

 

5.定位功能的实现

     通过代理就可以实现

 

6.POI检索功能(查找功能)

     注意:发起检索一定要在地图添加到view上之后

    

 

相关链接:ios-深度解析二维码的生成与使用

　　　　swfit项目初体验Photo-Browser