7

当我（通过平移手势）在地图上垂直移动另一个视图时，如何将图钉保持在地图的中心，以使图钉保持在覆盖层之上（不是实际的 MapKit 覆盖层）。

有关第一个和最后一个状态，请参阅随附的屏幕截图。

当用户向上/向下平移时，我得到了覆盖层和屏幕顶部之间空间的 CGRect。但是，我如何使用它来移动地图并在用户向上平移时放大地图时进行固定。当用户向下平移时再次缩小，到目前为止，我一直没有意识到。

我尝试了不同的方法，从尝试调整可见矩形到调整地图视图的框架。答案可能在于一些 MKMapRect / Region 诡计..

初始状态

覆盖向上平移的最终状态

（Freepik CC BY 3.0 的手形图标）

4

2 回答 2

6

实际上，keithbhunter 的代码很慢，因为除了更新区域的速度超过了加载速度之外，地图还在​​改变高度，这会导致额外的开销！

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

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

要使此代码正常工作，您必须修改 keithbhunter 的设置，以便将 mapView 的底部约束完全固定到超级视图的底部（而不是滑动视图（因此 mapView 始终与超级视图大小相同）。其余的设置是一样的。

在此处输入图像描述

也可以使用变量自定义缩放量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;
    }

}
于 2015-06-19T13:50:57.313 回答
4 
class ViewController: UIViewController {

    @IBOutlet weak var mapView: MKMapView!
    @IBOutlet weak var slidingView: UIView!
    @IBOutlet weak var slidingViewHeight: NSLayoutConstraint!


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

    func reloadMap() {
        let coordinate = CLLocationCoordinate2D(latitude: 37.332363, longitude: -122.030805)
        let height = Double(self.mapView.frame.size.height)
        let regionDistance = 0.3 * height * height  // random multiplier and exponential equation for scaling
        let region = MKCoordinateRegionMakeWithDistance(coordinate, regionDistance, 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()
    }

}

UIView要设置视图，请在视图控制器中放置一个地图视图和一个。使用自动布局将地图视图的左侧、顶部和右侧固定到超级视图。然后将地图视图的底部固定到UIView. 接下来，将 的左侧、底部和右侧UIView固定到超级视图。最后，将高度约束设置UIView为您希望它初始化的任何内容。这个高度值将随着用户拖动视图而改变。这允许UIView我们随心所欲地增长并同时安抚自动布局。

@IBOutlet为地图视图、UIView和UIView的高度约束添加一个到您的视图控制器，就像在上面的代码中一样。该regionDistance属性是在这里做缩放魔术的。这是一个指数方程（我随机组成），它将根据地图视图的高度计算更大或更小的区域。reloadMap()使用它来更新地图的缩放。将它们捆绑在一起的是UIPanGestureRecognizer上的UIView，它控制UIView的高度，导致地图上的缩放动作。

陷阱： 这会迫使地图更新区域的速度快于加载区域的速度，使其看起来非常跳跃。可能有办法解决这个问题。发挥创意。

我在示例中使用的坐标是 Apple 的总部。

苹果总部

于 2015-06-19T00:35:23.007 回答