当我在 map 上垂直移动(通过平移手势)另一个 View 时，如何使图钉保持在 map 的中心，以便图钉保持在叠加层(不是实际的 MapKit 叠加层)上方。

请参阅附件中的第一个和最终状态的屏幕截图。

当用户向上/向下平移时，我得到了叠加层和屏幕顶部之间的空间的 CGRect。然而，我如何使用它来移动 map 和图钉，同时在用户向上平移时放大 map ......并在用户向下平移时再次缩小，到目前为止我还不清楚。

我尝试了不同的方法，从尝试调整可见矩形到调整 map View 的框架。答案可能在于某些 MKMapRect/Region 技巧..

(手形图标 Freepik CC BY 3.0)

最佳答案

实际上，keithbhunter 的代码很慢，因为除了更新区域的速度快于它可以加载它之外， map 还在​​改变高度，这会导致额外的开销!

我更新了代码，使其运行顺畅。

使用此代码，我所做的是保持 map View 大小相同，但我移动中心点以补偿滑动 View 的高度。

要使此代码起作用，您必须修改 keithbhunter 的设置，以便将 mapView 的底部约束完全固定到 super View 的底部(而不是固定到 slidingView(以便 mapView 始终与 super View 大小相同)。其余设置相同。

还可以使用变量 maxMetersDistance 自定义缩放量

我在这里，总是以埃菲尔铁塔为中心

import UIKit
import MapKit

class ViewController: UIViewController {

    @IBOutlet weak var mapView: MKMapView!
    @IBOutlet weak var slidingView: UIView!
    @IBOutlet weak var slidingViewHeight: NSLayoutConstraint!
    var maxMetersDistance:CGFloat = 10000.0; // customize this to set how far the map zooms out of the interest area

    override func viewDidLoad() {
        super.viewDidLoad()
        let pan = UIPanGestureRecognizer(target: self, action: "viewDidPan:")
        self.slidingView.addGestureRecognizer(pan)
        firstTimeCenter()
    }

    func firstTimeCenter(){
         var coordinate = CLLocationCoordinate2D(latitude: 48.8582, longitude: 2.2945)
        let region = MKCoordinateRegionMakeWithDistance(coordinate, Double(maxMetersDistance), Double(maxMetersDistance))
        self.mapView.setRegion(region, animated: true)
    }

    func reloadMap() {
        let height = CGFloat(self.slidingViewHeight.constant)
        var regionDistance = (maxMetersDistance / self.view.frame.height) * height
        regionDistance = maxMetersDistance - regionDistance
        var coordinate = CLLocationCoordinate2D(latitude: 48.8582, longitude: 2.2945)
        var mapRect = mapView.visibleMapRect;
        var metersPerMapPoint = MKMetersPerMapPointAtLatitude(coordinate.latitude);
        var metersPerPixel = CGFloat(metersPerMapPoint) * CGFloat(mapRect.size.width) / CGFloat(mapView.bounds.size.width);
        var totalMeters = Double(metersPerPixel) * Double(height/2)

        coordinate = self.translateCoord(coordinate, MetersLat: -totalMeters, MetersLong: 0.0)

        let region = MKCoordinateRegionMakeWithDistance(coordinate, Double(regionDistance), Double(regionDistance))
        self.mapView.setRegion(region, animated: false)
    }

    func viewDidPan(panGesture: UIPanGestureRecognizer) {
        let location = panGesture.locationInView(self.view)
        self.slidingViewHeight.constant = self.view.frame.size.height - location.y
        self.reloadMap()
    }

    func translateCoord(coord:CLLocationCoordinate2D, MetersLat:Double,  MetersLong:Double)->CLLocationCoordinate2D{
        var tempCoord = CLLocationCoordinate2D()
        var tempRegion = MKCoordinateRegionMakeWithDistance(coord, MetersLat, MetersLong);
        var tempSpan = tempRegion.span;
        tempCoord.latitude = coord.latitude + tempSpan.latitudeDelta;
        tempCoord.longitude = coord.longitude + tempSpan.longitudeDelta;
        return tempCoord;
    }

}

关于ios - 如何使图钉和 map 在 MKMapView 中的移动叠加层上方居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30288124/