在 MKMapView 上绘制大圆叠加线

Question

我正在尝试在 MKMapView 上的两个纬度/经度点之间绘制一条大圆线。这是一条显示为圆形的线（地球仪上的“直线”），最好在此处进行可视化。事实上，这个非常奇怪的 WordPress 网站似乎开始准确地描述如何做到这一点，但它在前几个步骤后突然结束。

阅读Apple的文档我看到

在 iOS 4.0 及更高版本中，您还可以使用投影地图坐标而不是区域来指定某些值。当您将地球的曲面投影到平面上时，您会得到二维版本的地图，其中经线看起来是平行的。此地图上的位置和距离是使用 MKMapPoint、MKMapSize 和 MKMapRect 数据类型指定的。您可以使用这些数据类型来指定地图的可见区域以及指定叠加层的位置。

我不确定如何将其应用到大圆叠加层。有人可以帮忙吗？

Answer 1

我已经实现了这个，以便使用 MKPolyline 为在两个机场之间飞行的飞机绘制一条大圆航线。

+ (void)createGreatCircleMKPolylineFromPoint:(CLLocationCoordinate2D)point1 
                                     toPoint:(CLLocationCoordinate2D)point2
                                  forMapView:(MKMapView*)mapView
{
double lat1 = point1.latitude;
double lon1 = point1.longitude;
double lat2 = point2.latitude;
double lon2 = point2.longitude;
lat1 = lat1 * (PI/180);
lon1 = lon1 * (PI/180);
lat2 = lat2 * (PI/180);
lon2 = lon2 * (PI/180);
double d = 2 * asin( sqrt(pow(( sin( (lat1-lat2)/2) ), 2) + cos(lat1) * cos(lat2) * pow(( sin( (lon1-lon2)/2) ), 2)));
int numsegs = 100;
CLLocationCoordinate2D *coords = malloc(sizeof(CLLocationCoordinate2D) * numsegs);
double f = 0.0;
for(int i=1; i<=numsegs; i++)
{
    f += 1.0 / (float)numsegs;
    double A=sin((1-f)*d)/sin(d);
    double B=sin(f*d)/sin(d);
    double x = A*cos(lat1) * cos(lon1) +  B * cos(lat2) * cos(lon2);
    double y = A*cos(lat1) * sin(lon1) +  B * cos(lat2) * sin(lon2);
    double z = A*sin(lat1)           +  B*sin(lat2);
    double latr=atan2(z, sqrt(pow(x, 2) + pow(y, 2) ));
    double lonr=atan2(y, x);
    double lat = latr * (180/PI);
    double lon = lonr * (180/PI);
    //        NSLog(@"lat: %f lon: %f", lat, lon);
    CLLocationCoordinate2D loc = CLLocationCoordinate2DMake(lat, lon);
    coords[i - 1] = loc;
}

//check for circling west to east. If the plane is crossing 180, we need
//to draw two lines or else the polyline connects the dots and draws a straight
//line all the way across the map.
CLLocationCoordinate2D prevCoord;
BOOL twoLines = NO;
int numsegs2 = 0;
CLLocationCoordinate2D *coords2;

for(int i=0; i<numsegs; i++)
{
    CLLocationCoordinate2D coord = coords[i];
    if(prevCoord.longitude < -170 && prevCoord.longitude > -180  && prevCoord.longitude < 0 
       && coord.longitude > 170 && coord.longitude < 180 && coord.longitude > 0)
    {
        twoLines = YES;
        coords2 = malloc(sizeof(CLLocationCoordinate2D) * (numsegs - i));
        numsegs2 = numsegs - i;
        for(int j=0; j<numsegs2; j++)
        {
            coords2[j] = coords[i + j];
        }
        break;
    }
    prevCoord = coord;
}

//remove any previously added overlays
[mapView removeOverlays:mapView.overlays];

if(twoLines)
{
    MKPolyline *polyline = [MKPolyline polylineWithCoordinates:coords count:numsegs - numsegs2];
    free(coords);
    [mapView addOverlay:polyline];

    MKPolyline *polyline2 = [MKPolyline polylineWithCoordinates:coords2 count:numsegs2];
    free(coords2);
    [mapView addOverlay:polyline2];
}
else
{
    MKPolyline *polyline = [MKPolyline polylineWithCoordinates:coords count:numsegs];
    free(coords);
    [mapView addOverlay:polyline];
}

}

您现在已经创建了覆盖层，现在您只需要在mapView:viewForOverlay 中提供一个MKOverlayView 即可。

- (MKOverlayView*)mapView:(MKMapView *)mapView viewForOverlay:(id<MKOverlay>)overlay
{
    MKPolyline *polyline = (MKPolyline*)overlay;
    MKPolylineView *view = [[[MKPolylineView alloc] initWithPolyline:polyline] autorelease];
    //choose your line params here
    view.lineWidth = 2;
    view.fillColor = [UIColor blueColor];
    return view;
}

希望这有帮助。

屏幕截图 http://s1-03.twitpicproxy.com/photos/large/489178500.png

Answer 2

虽然游戏已晚，但值得一提 MKGeodesicPolyline ，自 iOS 7.0 以来的新功能，它“追踪沿地球表面的最短路径”。

这样，创建和添加测地折线类型的 MKPolylineOverlay 就变得很简单。

points = [CLLocationCoordinate2DMake(27.123, 85.765),
                  CLLocationCoordinate2DMake(41.444, 106.987)]
geodesic = MKGeodesicPolyline(coordinates: points, count: 2)
mapView.add(geodesic)

记得包含渲染器并给mapView一个委托：

//MARK: - MKMapView Delegate Method
func mapView(_ mapView: MKMapView, rendererFor overlay: MKOverlay) -> MKOverlayRenderer {
    if overlay is MKGeodesicPolyline {
        let polylineRenderer = MKPolylineRenderer(overlay: overlay)
        polylineRenderer.strokeColor = UIColor.white
        polylineRenderer.lineWidth = 2.5
        return polylineRenderer
    }
}

Answer 3

这可以通过创建 MKOverlayPathView 类的子类来完成。您需要重写 (void)createPath 方法，基本上您可以使用 UIBezierPath 来创建弧，或者直接创建弧作为路径，这是可能的，但我还没有这样做。

在方法上定义路径后，您需要使用新创建的路径设置类的路径属性。这样，路径的渲染将自动完成。

希望这有帮助。

Answer 4

numsegs 参数应该可以根据地图缩放级别和两点的距离进行更改。两点的纬度/经度坐标可以转换为像素坐标。因此，numsegs 参数可以被视为像素差异的函数。