ios - ピンの下のスポットNピクセルにMKMapViewを中央揃え

Question

特定のピン（現在のMapRectに表示される場合と表示されない場合があります）の下のNピクセルのポイントにMKMapViewを中央揃えにします。

私はさまざまな演劇を使ってこれを解決しようとしてきましたが-(CLLocationCoordinate2D)convertPoint:(CGPoint)point toCoordinateFromView:(UIView *)view、成功しませんでした。

誰かがこの道を進んでいます（しゃれは意図されていません）？

Answer 1

最も簡単な方法は、のcoordinateを利用して、マップを下にシフトすることです。たとえば、ある場所から40％シフトします。実際のピクセルは必要ないが、問題のピクセルがマップの上部近くになるように（たとえば、上部から10％離れるように）下に移動する必要がある場合：spanregionMKMapViewCLLocationCoordinate2D

CLLocationCoordinate2D center = coordinate;
center.latitude -= self.mapView.region.span.latitudeDelta * 0.40;
[self.mapView setCenterCoordinate:center animated:YES];

---

カメラの回転とピッチを考慮したい場合は、上記の手法では不十分な場合があります。その場合、次のことができます。

• ユーザーの場所を移動するビュー内の位置を特定します。

• CLLocationそれを;に変換します。

• その新しい目的の場所から現在のユーザーの場所までの距離を計算します。

• マップのカメラの現在の方向から180°の方向にその距離だけカメラを移動します。

たとえば、Swift 3では、次のようになります。

var point = mapView.convert(mapView.centerCoordinate, toPointTo: view)
point.y -= offset
let coordinate = mapView.convert(point, toCoordinateFrom: view)
let offsetLocation = coordinate.location

let distance = mapView.centerCoordinate.location.distance(from: offsetLocation) / 1000.0

let camera = mapView.camera
let adjustedCenter = mapView.centerCoordinate.adjust(by: distance, at: camera.heading - 180.0)
camera.centerCoordinate = adjustedCenter

次はどこCLLocationCoordinate2Dにありますかextension：

extension CLLocationCoordinate2D {
    var location: CLLocation {
        return CLLocation(latitude: latitude, longitude: longitude)
    }

    private func radians(from degrees: CLLocationDegrees) -> Double {
        return degrees * .pi / 180.0
    }

    private func degrees(from radians: Double) -> CLLocationDegrees {
        return radians * 180.0 / .pi
    }

    func adjust(by distance: CLLocationDistance, at bearing: CLLocationDegrees) -> CLLocationCoordinate2D {
        let distanceRadians = distance / 6_371.0   // 6,371 = Earth's radius in km
        let bearingRadians = radians(from: bearing)
        let fromLatRadians = radians(from: latitude)
        let fromLonRadians = radians(from: longitude)

        let toLatRadians = asin( sin(fromLatRadians) * cos(distanceRadians)
            + cos(fromLatRadians) * sin(distanceRadians) * cos(bearingRadians) )

        var toLonRadians = fromLonRadians + atan2(sin(bearingRadians)
            * sin(distanceRadians) * cos(fromLatRadians), cos(distanceRadians)
                - sin(fromLatRadians) * sin(toLatRadians))

        // adjust toLonRadians to be in the range -180 to +180...
        toLonRadians = fmod((toLonRadians + 3.0 * .pi), (2.0 * .pi)) - .pi

        let result = CLLocationCoordinate2D(latitude: degrees(from: toLatRadians), longitude: degrees(from: toLonRadians))

        return result
    }
}

したがって、カメラをピッチして真北以外の方向に向けた場合でも、これによりユーザーの位置（中央にあり、下の十字線がある場所）が150ピクセル上（上の十字線がある場所）に移動し、次のようになります。

明らかに、退化した状況に注意する必要があります（たとえば、南極から1 km離れており、地図を2 kmメートル上に移動しようとしている場合、目的の画面位置が地平線など）ですが、実際の実際のシナリオでは、上記のようなもので十分な場合があります。もちろん、ユーザーにカメラのピッチを変更させない場合、答えはさらに簡単になります。

---

元の答え：注釈nピクセルを移動するため

がある場合はCLLocationCoordinate2D、それをに変換し、CGPointxピクセル移動してから、CLLocationCoordinate2D：に戻すことができます。

- (void)moveCenterByOffset:(CGPoint)offset from:(CLLocationCoordinate2D)coordinate
{
    CGPoint point = [self.mapView convertCoordinate:coordinate toPointToView:self.mapView];
    point.x += offset.x;
    point.y += offset.y;
    CLLocationCoordinate2D center = [self.mapView convertPoint:point toCoordinateFromView:self.mapView];
    [self.mapView setCenterCoordinate:center animated:YES];
}

あなたはこれを次のように呼ぶことができます：

[self moveCenterByOffset:CGPointMake(0, 100) from:coordinate];

残念ながら、これcoordinateは開始する前にが表示されている場合にのみ機能するため、最初に元の座標に移動してから、中心を調整する必要がある場合があります。

Answer 2

これを確実に行う唯一の方法は、以下を使用することです。

- (void)setVisibleMapRect:(MKMapRect)mapRect edgePadding:(UIEdgeInsets)insets animated:(BOOL)animate

中心にしたいマップ領域を指定してこれを行うには、マップ領域をMKMapRectに変換する必要があります。明らかに、ピクセルオフセットにはエッジパディングを使用します。

これについては、こちらを参照してください： MKCoordinateRegionをMKMapRectに変換します

コメント：MKMapRectがMKMapViewで通常使用されるものではないことを考えると、それがそれを行う唯一の方法であるというのはかなり奇妙だと思います。すべての変換メソッドはMKMapRegion用です。しかし、わかりました、少なくともそれは機能します。私自身のプロジェクトでテストしました。

Answer 3

Swiftの場合：

import MapKit

extension MKMapView {

func moveCenterByOffSet(offSet: CGPoint, coordinate: CLLocationCoordinate2D) {
    var point = self.convert(coordinate, toPointTo: self)

    point.x += offSet.x
    point.y += offSet.y

    let center = self.convert(point, toCoordinateFrom: self)
    self.setCenter(center, animated: true)
}

func centerCoordinateByOffSet(offSet: CGPoint) -> CLLocationCoordinate2D {
    var point = self.center

    point.x += offSet.x
    point.y += offSet.y

    return self.convert(point, toCoordinateFrom: self)
}
}

Answer 4

簡単な解決策の1つは、マップビューのフレームを表示領域よりも大きくすることです。次に、ピンをマップビューの中央に配置し、別のビューの背後または画面の境界の外側にある不要な領域をすべて非表示にします。

詳しく説明させてください。スクリーンショットを見ると、次のようになります。

ピンと下部の間の距離は353ピクセルです。したがって、マップビューのフレームを高さの2倍の706ピクセルにします。スクリーンショットの高さは411ピクセルです。フレームを706px-411px=-293ピクセルの原点に配置します。これで、マップビューをピンの座標の中央に配置すると、完了です。

アップデート4-2014年3月：

これをデモするために、Xcode 5.0.2を使用して小さなサンプルアプリケーションを作成しました：http：//cl.ly/0e2v0u3G2q1d

Answer 5

SWIFT3を更新

ズームで機能を更新

func zoomToPos() {

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

        // Create a new MKMapRegion with the new span, using the center we want.
        let coordinate = moveCenterByOffset(offset: CGPoint(x: 0, y: 100), coordinate: (officeDetail?.coordinate)!)
        let region = MKCoordinateRegion(center: coordinate, span: span)

        mapView.setRegion(region, animated: true)


    }

    func moveCenterByOffset (offset: CGPoint, coordinate: CLLocationCoordinate2D) -> CLLocationCoordinate2D {
        var point = self.mapView.convert(coordinate, toPointTo: self.mapView)
        point.x += offset.x
        point.y += offset.y
        return self.mapView.convert(point, toCoordinateFrom: self.mapView)
    }

Answer 6

このスレッド広告を読んだ後、特に注釈を拡大して遊んだ後、私は次の手順に行き着きました。

**アノテーションを中心に：**

- (void) centerOnSelection:(id<MKAnnotation>)annotation
{
    MKCoordinateRegion region = self.mapView.region;
    region.center = annotation.coordinate;

    CGFloat per = ([self sizeOfBottom] - [self sizeOfTop]) / (2 * self.mapView.frame.size.height);
    region.center.latitude -= self.mapView.region.span.latitudeDelta * per;

    [self.mapView setRegion:region animated:YES];
}

**注釈の拡大：**

- (void) zoomAndCenterOnSelection:(id<MKAnnotation>)annotation
{
    DLog(@"zoomAndCenterOnSelection");

    MKCoordinateRegion region = self.mapView.region;
    MKCoordinateSpan span = MKCoordinateSpanMake(0.005, 0.005);

    region.center = annotation.coordinate;

    CGFloat per = ([self sizeOfBottom] - [self sizeOfTop]) / (2 * self.mapView.frame.size.height);
    region.center.latitude -= self.mapView.region.span.latitudeDelta * span.latitudeDelta / region.span.latitudeDelta * per;

    region.span = span;

    [self.mapView setRegion:region animated:YES];
}

-(CGFloat) sizeOfBottom両方とも-(CGFloat) sizeOfTop、レイアウトガイドからマップビューをカバーするパネルの高さを返します

Answer 7

受け入れられた答えの代わりとして、私はあなたの元の本能が正しかったことを提案します。マップビューのピクセル座標空間内で厳密に作業して、オフセットと最終的な位置を取得できます。次に、場所から画面ビューへの変換呼び出しを使用して、最終的な場所を取得し、マップの中心を設定できます。

これは、カメラを回転させた状態で機能し、画面スペースを基準にしています。私の場合、地図をピンの中央に配置し、地図の引き出しを考慮してオフセットを付ける必要がありました。

これが変換呼び出しです

func convert(_ coordinate: CLLocationCoordinate2D, toPointTo view: UIView?) -> CGPoint
func convert(_ point: CGPoint, toCoordinateFrom view: UIView?) -> CLLocationCoordinate2D

そしてここに迅速な4つの例があります

//First get the position you want the pin to be (say 1/4 of the way up the screen)
let targetPoint = CGPoint(x: self.frame.width / 2.0, y: self.frame.height * CGFloat(0.25))

//Then get the center of the screen (this is used for calculating the offset as we are using setCenter to move the region
let centerPoint = CGPoint(x: self.frame.width / 2.0, y: self.frame.height / 2.0)

//Get convert the CLLocationCoordinate2D of the pin (or map location) to a screen space CGPoint
let annotationPoint = mapview.convert(myPinCoordinate, toPointTo: mapview)

//And finally do the math to set the offsets in screen space                
let mapViewPointFromAnnotation = CGPoint(x: annotationPoint.x + (centerPoint.x - targetPoint.x), y: annotationPoint.y + (centerPoint.y - targetPoint.y))

//Now convert that result to a Coordinate
let finalLocation = self.convert(mapViewPointFromAnnotation, toCoordinateFrom: mapview)

//And set the map center
mapview.setCenter(finalLocation, animated: true)

Answer 8

このメソッドを見てくださいMKMapView：

- (void)setCenterCoordinate:(CLLocationCoordinate2D)coordinate animated:(BOOL)animated