如何创建图像叠加层并将其添加到 MKMapView？

Question

我正在尝试学习 MapKit，现在正在尝试将图像作为叠加层添加到地图视图中。 我似乎找不到任何示例代码来帮助解释如何执行此操作。

你们能帮助我如何创建 MKOverlay 并将它们添加到 MKMapKit 中吗？

提前致谢..

Answer 1

以下是如何将 UIImage 设置为 MKMapView 叠加层的示例。一些参数（坐标和图像路径）是固定的，但我猜代码可以很容易地改变。

创建一个符合 MKOverlay 的类：

MapOverlay.h

@interface MapOverlay : NSObject <MKOverlay> {

}

- (MKMapRect)boundingMapRect;
@property (nonatomic, readonly) CLLocationCoordinate2D coordinate;

@end

MapOverlay.m

@implementation MapOverlay

- (id)initWithCoordinate:(CLLocationCoordinate2D)coordinate {
    self = [super init];
    if (self != nil) {


    }
    return self;
}

- (CLLocationCoordinate2D)coordinate
{
    CLLocationCoordinate2D coord1 = {
        37.434999,-122.16121
    };

    return coord1;
}

- (MKMapRect)boundingMapRect
{

    MKMapPoint upperLeft = MKMapPointForCoordinate(self.coordinate);

    MKMapRect bounds = MKMapRectMake(upperLeft.x, upperLeft.y, 2000, 2000);
    return bounds;
}


@end

创建一个符合 MKOverlayView 的类：

MapOverlayView.h

@interface MapOverlayView : MKOverlayView {

}

@end

MapOverlayView.m

@implementation MapOverlayView

- (void)drawMapRect:(MKMapRect)mapRect
          zoomScale:(MKZoomScale)zoomScale
          inContext:(CGContextRef)ctx
{

    UIImage *image          = [[UIImage imageNamed:@"image.png"] retain];

    CGImageRef imageReference = image.CGImage;

    MKMapRect theMapRect    = [self.overlay boundingMapRect];
    CGRect theRect           = [self rectForMapRect:theMapRect];
    CGRect clipRect     = [self rectForMapRect:mapRect];

    CGContextAddRect(ctx, clipRect);
    CGContextClip(ctx);

    CGContextDrawImage(ctx, theRect, imageReference);

    [image release]; 

}


@end

将叠加层添加到 MKMapView：

MapOverlay * mapOverlay = [[MapOverlay alloc] init];
[mapView addOverlay:mapOverlay];
[mapOverlay release];

在 mapView 委托上，实现 viewForOverlay :

- (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id <MKOverlay>)overlay {

    MapOverlay *mapOverlay = overlay;
    MapOverlayView *mapOverlayView = [[[MapOverlayView alloc] initWithOverlay:mapOverlay] autorelease];

    return mapOverlayView;

}

希望有帮助！

Answer 2

文档：

• MKMapView 管理叠加层的函数 允许将它们添加到地图视图中。
• MKOverlay 是您的覆盖对象必须遵守的协议。
  • MKPolygon，MKPolyLine, MKCircle 为简单形状实现此协议。
• MKOverlayView 用于实际绘制叠加层；上述每个简单形状都存在子类。

示例代码：

• HazardMap
• KML查看器

Answer 3

在寻找问题的解决方案时，我不断回到这个问题，这里 还有这里

他们都是回答我需要回答的问题，但相反。

我需要确定 UIView（即 MapView 上的绘制方块）是否包含地图图钉，如果它确实让我知道，以便我可以删除它或选择它等。

最后，在尝试将我的 UIView 转换为某些 MKCooperativeRegion 或类似内容之后，我思想工作倒退。我没有将 UIView 或正方形变成疯狂的地图，而是将图钉变成简单的 CGPoints 并做了一个简单的 Rect contains point。这最终成为我的解决方案..大约 2 小时后！

希望这可以帮助以后的人

 func findMapPinsWithinBox() {

    guard let myBox = myBox else { return } // some UIView you have drawn or placed on map

    let visibleMapRect = mapView.visibleMapRect
    let visibleAnnotations =  mapView.annotationsInMapRect(visibleMapRect)

    for pin in visibleAnnotations {

        // depending on design you may need to do some casting here
        // ie let pin = pin as! MyMapAnnotation

        let pinsCGPoint = mapView.convertCoordinate(pin.coordinate, toPointToView: self.view)

        if myBox.frame.contains(pinsCGPoint) {
            print("Pin Found within the Box")
            // select pin or delete etc
        }
    }
}

Answer 4

只需查看Apple的文档 MKOverlay 协议，看起来不是很复杂。只需创建一个类来执行计算覆盖所需的任何操作，并确保它符合该协议。这意味着您必须具有 coefficient 和 boundingMapRect 属性以及 intersectsMapRect: 的实现。苹果文档解释了这一切。

看看 HazardMap 来自 Apple 的示例代码。它使用自定义叠加视图，就像您想要在叠加中显示图像一样。您只需在 MKMapViewDelegate 类中实现 mapView:viewForOverlay: 并返回 MKOverlayView 子类的新实例即可绘制自定义叠加层在屏幕上。