美文网首页
Map-大头针

Map-大头针

作者: XMaster_Young | 来源:发表于2016-05-05 09:58 被阅读0次

    Map-大头针

    1. MKAnnotation(大头针)

    先来看看系统中的大头针,

    public protocol MKAnnotation : NSObjectProtocol {
    
        public var coordinate: CLLocationCoordinate2D { get }
    
        optional public var title: String? { get }
        optional public var subtitle: String? { get }
    }
    

    从中可以看出系统中的大头针是一个继承自NSObjectProtocol协议的协议(protocol),因此MKAnnotation本身就是一个协议,而且里面的属性都是只读的(get)。因此我们可以定义自己的一个遵守该协议的大头针对象,目的是为了拥有和系统中相同的大头针的内容(或者说是属性)

    2.自定义大头针对象

    // 定义自己的大头针对象
    class MyAnnotation: NSObject, MKAnnotation {
        // 位置坐标
        var coordinate: CLLocationCoordinate2D = CLLocationCoordinate2DMake(0, 0)
        // 标题
        var title: String?
        // 子标题
        var subtitle: String?
    }
    

    按照MVC的原则,在地图上操作大头针,实际上是控制大头针数据模型

    • 添加大头针就是添加大头针数据模型
    • 删除大头针就是删除大头针数据模型
    • 而本身MKMapView中就有一个public func addAnnotation(annotation: MKAnnotation)的对象方法,相当于在添加一个对象到mapView中

    3.大头针的简单使用:

    • 要求实现:鼠标点击在地图哪个位置, 就在对应的位置添加一个大头针, 并在标注弹框中显示对应的城市和街道

    • 拿到MKMapView的拖线属性

      • @IBOutlet weak var mapView: MKMapView!
      • 在要实现的函数中实现(为了方便在touchesBegan中实现)
      override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
      
          /// 鼠标点击在地图哪个位置, 就在对应的位置添加一个大头针, 并在标注弹框中显示对应的城市和街道;
          // 1.获取点击的点
          let point = touches.first?.locationInView(mapView)
      
          // 2.将视图上的点转化为地图上的经纬度坐标
          let coordinate = mapView.convertPoint(point!, toCoordinateFromView: mapView)
      
          // 3.添加大头针(addAnnotation为MKMapView中的对象方法)
          let annotation = addAnnotation(coordinate, title: "大头针", subTitle: "我是一个大头针")
      
          // 4.反地理编码获取详细地址
          let location = CLLocation(latitude: coordinate.latitude, longitude: coordinate.longitude)
          geoc.reverseGeocodeLocation(location) { (clpls : [CLPlacemark]?, error : NSError?) -> Void in
              if error == nil {
                  // 检测地标数组是否为空
                  guard let clpls = clpls else {return}
      
                  // 取出相关度最好的地标对象
                  guard let clpl = clpls.first else {return}
      
                  // 设置大头针的标题和子标题
                  annotation.title = clpl.locality
                  annotation.subtitle = clpl.name
              }
          }
      }
      
    • 添加大头针

      // 添加大头针的方法
      private func addMyAnnotion(coordinate: CLLocationCoordinate2D, title: String?, subTitle: String?) -> MyAnnotation {
      
          // 创建大头针对象
          let annotation = MyAnnotation()
      
          annotation.coordinate = coordinate
          annotation.title = title!
          annotation.subTitle = subTitle!
      
          // 添加大头针
          // 当创建一个大头针数据模型添加到地图上之后,会执行对应的代理方法,在代理方法中查找对应打头针视图
          mapView.addAnnotation(annotation)
      
          return annotation
      }
      
    • 当地图实现添加大头针的操作addAnnotation之后会调用的代理方法

      // 当添加一个大头针数据模型时,会调用该方法,寻找对应的大头针视图并返回,如果此处返回nil,代表使用系统默认大头针
      func mapView(mapView: MKMapView, viewForAnnotation annotation: MKAnnotation) -> MKAnnotationView? {
      
          // 模拟系统的大头针 MKPinAnnotationView
          // 1.创建标识
          let pinID = "pinID"
      
          // 2.从缓存池中通过标识取出大头针视图
          var pinAnnotationView = mapView.dequeueReusableAnnotationViewWithIdentifier(pinID) as?MKPinAnnotationView
      
          // 3.判断大头针视图是否为空,如果为空则创建
          if pinAnnotationView == nil {
              pinAnnotationView = MKPinAnnotationView(annotation: annotation, reuseIdentifier: pinID)
          }
      
          // 4.设置数据模型,必须设置!!!
          pinAnnotationView?.annotation = annotation
      
          // 5.允许弹框
          pinAnnotationView?.canShowCallout = true
      
          // 6.设置大头针颜色
          pinAnnotationView?.pinTintColor = UIColor.blackColor()
      
          // 7.设置下落动画
          pinAnnotationView?.animatesDrop = true
      
          // 8.拖动大头针视图
          pinAnnotationView?.draggable = true
      
          return pinAnnotationView
      }
      
      // 当拖动大头针视图的时候会调用该方法
      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)")
      }
      
      
    • 移除大头针

      override func touchesMoved(touches: Set<UITouch>, withEvent event: UIEvent?) {
          // 1 从地图中取出所有的大头针
          let annotations =  mapView.annotations
          // 2.从地图中移除大头针
          mapView.removeAnnotations(annotations)
      }
      

    相关文章

      网友评论

          本文标题:Map-大头针

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