MKPolygon ontouch detailview

时间:2012-12-04 17:01:38

标签: iphone objective-c ios uigesturerecognizer mkoverlay

我根据坐标创建了MKMapView MKPolygon秒。地图上有多个多边形(请查看here以获取我作为应用重新创建的示例)。

我要做的是当用户触摸多边形时,它会打开一个包含位置信息的弹出视图。此信息当前存储在带有坐标的plist文件中。

到目前为止,我能够获得触摸事件并打印到触摸多边形的日志。

我的问题是:
MKPolygonView可以像MKAnnotationView一样使用,一旦用户点击了针脚,会弹出有关该当前位置的更多信息吗?

我想对多边形视图做同样的事情。触摸后,用户将看到有关存储在plist中的位置的更多信息。如果可能的话,最好的方法是什么?

我目前的代码如下。

#import "outagemapViewController.h"
#import "MyAnnotation.h"
#import "WildcardGestureRecognizer.h"
#define METERS_PER_MILE 46309.344
@interface outagemapViewController ()

@end

@implementation outagemapViewController
- (void)viewDidLoad {

outages = [[NSArray alloc] initWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"outages"ofType:@"plist"]];


for (NSDictionary *coloredAreas in outages) {
   coordinateData = coloredAreas[@"coords"];
test = coloredAreas[@"outages"];

    NSLog(@"test %@", test);
    coordsLen = [coordinateData count];
      NSLog(@"coords %d", coordsLen);
    CLLocationCoordinate2D coords[coordsLen];
    for (i=0; i < coordsLen; i++) {
        NSString *lat = coordinateData[i];
        NSArray *latt = [lat componentsSeparatedByString:@","];
        double latitude = [[latt objectAtIndex:0] doubleValue];
        double longitude = [[latt objectAtIndex:1] doubleValue];
       coords[i] = CLLocationCoordinate2DMake(latitude, longitude);

    }


 MKPolygon* poly2 = [MKPolygon polygonWithCoordinates:coords count:coordsLen];
 poly2.title=@"test";
 [self.mapView addOverlay:poly2];
 }
 }
 - (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id <MKOverlay>)overlay {
{
    if ([overlay isKindOfClass:[MKPolygon class]])
    {

        MKPolygonView*    aView = [[MKPolygonView alloc] initWithPolygon:(MKPolygon*)overlay];

        int numbers = [test intValue];

        if(numbers >= 10){
            aView.fillColor = [[UIColor greenColor] colorWithAlphaComponent:0.6];
            aView.strokeColor = [[UIColor greenColor] colorWithAlphaComponent:1.0];
            aView.lineWidth = 3;
        }else if(numbers < 10){
            aView.fillColor = [[UIColor yellowColor] colorWithAlphaComponent:0.6];
            aView.strokeColor = [[UIColor yellowColor] colorWithAlphaComponent:1.0];
            aView.lineWidth = 3;

                    }

        return aView;
    }


    return nil;
}
 }

-(void)viewWillAppear:(BOOL)animated{
CLLocationCoordinate2D zoomLocation;
zoomLocation.latitude = 35.20418;
zoomLocation.longitude = -89.86862;

MKCoordinateRegion viewRegion = MKCoordinateRegionMakeWithDistance(zoomLocation,         0.5*METERS_PER_MILE, 0.5*METERS_PER_MILE);

[_mapView setRegion:viewRegion animated:YES];

WildcardGestureRecognizer * tapInterceptor = [[WildcardGestureRecognizer alloc] init];
tapInterceptor.touchesBeganCallback = ^(NSSet * touches, UIEvent * event) {
    UITouch *touch = [touches anyObject];
    CGPoint point = [touch locationInView:self.mapView];

    CLLocationCoordinate2D coord = [self.mapView convertPoint:point toCoordinateFromView:self.mapView];
    MKMapPoint mapPoint = MKMapPointForCoordinate(coord);
    for (id overlay in self.mapView.overlays)
    {
        if ([overlay isKindOfClass:[MKPolygon class]])
        {
            MKPolygon *poly = (MKPolygon*) overlay;
            id view = [self.mapView viewForOverlay:poly];
            if ([view isKindOfClass:[MKPolygonView class]])
            {
                MKPolygonView *polyView = (MKPolygonView*) view;
                CGPoint polygonViewPoint = [polyView pointForMapPoint:mapPoint];
                BOOL mapCoordinateIsInPolygon = CGPathContainsPoint(polyView.path, NULL, polygonViewPoint, NO);
                if (mapCoordinateIsInPolygon) {
                   // debug(@"hit!");
                    NSLog(@"hit");
                } else {
                     NSLog(@"miss");
                }
            }
        }
    }

};
[self.mapView addGestureRecognizer:tapInterceptor];
}

- (void)didReceiveMemoryWarning
{
 [super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}

@end

1 个答案:

答案 0 :(得分:3)

不幸的是,对于叠加层,没有内置的触摸检测和标注视图,就像注释一样。

你必须像你现在一样手动进行触摸检测(它看起来应该有效)。
(更不幸的是,将手势识别器直接添加到叠加视图不起作用 - 您必须将其添加到整个地图,然后检查触摸点是否在任何叠加中。)

对于叠加标注视图,一旦您在叠加层上检测到触摸,您就可以创建自定义UIView并执行addSubview。我建议将其添加到地图而不是叠加视图,您可以使用已经计算的CGPoint point来确定自定义标注视图的框架。

您可能还希望保留对覆盖标注视图的ivar /属性引用,以便在用户点击另一个覆盖图时,可以轻松删除并重新添加,同时已显示另一个覆盖图的标注。

另一个可能更容易的选择是创建自定义UIViewController并显示或推送它。显示它的具体细节取决于您使用的是导航控制器和/或故事板。

如果您的应用也是专为iPad设计的,您还可以使用UIPopoverController显示“标注”。
有关代码示例,请参阅How do I display a UIPopoverView as a annotation to the map view? (iPad)(它带有注释,但您应该能够对其进行修改)。

<小时/> 一旦确定了点击了哪个叠加层,就需要显示原始数据源(outages数组)中的关联数据。现在,创建并添加了叠加层,但没有引用回原始数据对象(outages数组中的中断字典)。

(对MKPolygon进行子类化以添加自定义属性has issues and workarounds并创建完全自定义的MKOverlay类会引入许多其他额外工作。)

对于您当前的数据源结构,一个简单,快速(有点粗糙)的选项是将覆盖的title属性设置为与覆盖关联的中断对象的outages数组中的索引。由于title属性是NSString且数组索引是整数,我们将其转换为字符串:

NSUInteger outageIndex = [outages indexOfObject:coloredAreas];
poly2.title = [NSString stringWithFormat:@"%d", outageIndex];
[self.mapView addOverlay:poly2];

viewForOverlay中,您似乎正在使用test(来自中断对象)来确定多边形的颜色。外部声明的/设置test变量的值不一定与当前正在调用委托方法的overlay同步(地图可以多次调用viewForOverlay覆盖,而不一定按照添加它们的顺序)。您必须根据overlay参数的某些属性检索中断对象。因为我们将叠加层的title属性设置为停机索引:

//int numbers = [test intValue];  <-- remove this line

int outageIndex = [overlay.title intValue];
NSDictionary *outageDict = [outages objectAtIndex:outageIndex];
id outageNumbersObject = outageDict[@"outages"]; 
//replace id above with actual type
//can't tell from code in question whether it's NSString or NSNumber 
int numbers = [outageNumbersObject intValue];

//use "numbers" to set polygon color...

最后,当点击叠加层时,您使用与viewForOverlay中相同的方法来获取中断对象:

if (mapCoordinateIsInPolygon) {
    int outageIndex = [overlay.title intValue];
    NSDictionary *outageDict = [outages objectAtIndex:outageIndex];
    NSLog(@"hit, outageDict = %@", outageDict);
    //show view with info from outageDict...
}