User Profile

've created a custom MKAnnotationView similar to this project created by Apple. In it I place an imageView and a label. However I am noticing very glitchy behavior as I scroll and zoom around on the map. Even right after launching this behavior is displayed. The views can be seen briefly in the the upper left hand corner before they jump around.Below is a link to a gif of the problemThe ProblemBelow is the Code for the Custom AnnotationViewimport Foundation import MapKit class CustomAnnotationView: MKAnnotationView { static let reuseIdentifier:String = "CustomAnnotationViewReuseIdentifier" override var alignmentRectInsets: UIEdgeInsets{ return UIEdgeInsets(top: 20, left: 20, bottom: 20, right: 20) } var testView:UIView = { let testView = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 200)) testView.backgroundColor = UIColor.black testView.layer.cornerRadius = 27/5 testView.layer.masksToBounds = true testView.translatesAutoresizingMaskIntoConstraints = false return testView }() var testLabel:UILabel = { let testLabel = UILabel() testLabel.textAlignment = .center testLabel.backgroundColor = .green testLabel.textColor = UIColor.white testLabel.translatesAutoresizingMaskIntoConstraints = false testLabel.layer.cornerRadius = 27/5 return testLabel }() var testImageView:UIImageView = { let testImageView = UIImageView() testImageView.translatesAutoresizingMaskIntoConstraints = false testImageView.layer.cornerRadius = 27/5 testImageView.layer.masksToBounds = true testImageView.backgroundColor = UIColor.red testImageView.contentMode = .scaleAspectFill return testImageView }() private var imageHeightConstraint: NSLayoutConstraint? override init(annotation: MKAnnotation?, reuseIdentifier: String?) { super.init(annotation: annotation, reuseIdentifier: reuseIdentifier) self.frame.size = CGSize(width: 150, height: 150) self.displayPriority = .defaultLow backgroundColor = UIColor.clear translatesAutoresizingMaskIntoConstraints = false self.layer.cornerRadius = 27/5 self.addSubview(testView) testView.addSubview(testImageView) testView.addSubview(testLabel) let tapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(viewTapped)) testView.addGestureRecognizer(tapGestureRecognizer) NSLayoutConstraint.activate([ testView.leadingAnchor.constraint(equalTo: self.leadingAnchor, constant: 5), testView.topAnchor.constraint(equalTo: self.topAnchor, constant: 5), testView.heightAnchor.constraint(equalToConstant: self.bounds.width - 10), testView.widthAnchor.constraint(equalToConstant: self.bounds.height - 10), testImageView.topAnchor.constraint(equalTo: testView.topAnchor, constant: 0), testImageView.leadingAnchor.constraint(equalTo: testView.leadingAnchor, constant: 0), testImageView.trailingAnchor.constraint(equalTo: testView.trailingAnchor, constant: 0), testImageView.heightAnchor.constraint(equalToConstant: self.bounds.height - 40), testLabel.bottomAnchor.constraint(equalTo: testView.bottomAnchor, constant: 0), testLabel.leadingAnchor.constraint(equalTo: testView.leadingAnchor, constant: 0), testLabel.trailingAnchor.constraint(equalTo: testView.trailingAnchor, constant: 0), testLabel.heightAnchor.constraint(equalToConstant: 30) ]) } @objc func viewTapped(){ print("view tapped") } required init?(coder aDecoder: NSCoder) { fatalError("init(coder:) has not been implemented") } override func prepareForReuse() { super.prepareForReuse() testImageView.image = nil testLabel.text = nil } override func prepareForDisplay() { super.prepareForDisplay() if let annotation = annotation as? ImageAnnotation { self.frame.size = CGSize(width: 150, height: 150) testLabel.text = annotation.title } setNeedsLayout() } override func layoutSubviews() { super.layoutSubviews() invalidateIntrinsicContentSize() let contentSize = intrinsicContentSize centerOffset = CGPoint(x: 0, y: -contentSize.height/2 - 10) setNeedsDisplay() } override var intrinsicContentSize: CGSize { return CGSize(width: 150, height: 150) } override func draw(_ rect: CGRect) { let path2 = UIBezierPath(ovalIn: CGRect(x: rect.width/2, y: rect.height - 10, width: 10, height: 10)) let shapeLayer2 = CAShapeLayer() shapeLayer2.path = path2.cgPath shapeLayer2.fillColor = UIColor.purple.cgColor shapeLayer2.strokeColor = UIColor.white.cgColor shapeLayer2.lineWidth = 1 layer.addSublayer(shapeLayer2) shapeLayer2.position = CGPoint(x: -10, y: 15) } }

I would like to make my MKAnnotation view scale as the user zooms in and out of the map similar to how the MKMarkerAnnotation currently behaves. When the user scrolls in and out of the map my custom annotation stays the same size instead of getting smaller when the user zooms out and larger when the user zooms in.Below is the current implementation I have for my viewFor annotation: MKAnnotation method.func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? { if annotation is MKUserLocation{ return nil }else if let cluster = annotation as? MKClusterAnnotation{ let view = mapView.dequeueReusableAnnotationView(withIdentifier: MKMapViewDefaultClusterAnnotationViewReuseIdentifier, for: cluster) as? MKMarkerAnnotationView view?.annotation = cluster view?.markerTintColor = UIColor.green return view } else if let marker = annotation as? ReusableAnnotation{ let view = mapView.dequeueReusableAnnotationView(withIdentifier: MKMapViewDefaultAnnotationViewReuseIdentifier, for: marker) view.annotation = marker view.clusteringIdentifier = "cluster" view.canShowCallout = true // image property also holds a set size when set // view.image = imageLiteral(resourceName: "apolloRocket").resizeImage(150, opaque: false) // #imageLiteral(resourceName: "apolloRocket") //Sizes view to 150 by 150 square but when user zooms in and out the view stays the same size how can I resize it according to the zoom let subView = UIView(frame: CGRect(x: 0, y: 0, width: 150, height: 150)) subView.backgroundColor = UIColor.red view.addSubview(subView) view.frame = CGRect(x: 0, y: 0, width: 40, height: 40) return view }else{ return nil } }