如何使用脱机mbtiles文件在mapbox上添加单击的注释

时间:2014-08-18 13:10:03

标签: ios map mapbox tilemill mbtiles

我已经设法使用交互式离线mbtiles(在TileMill上创建)以便:

  • 快速加载超过1000点
  • 让用户了解用户点击每个点并显示带有每个点名称的弹出窗口

但是我无法再次使用可点击的名称制作气泡。

我使用以下代码为每个点的注释生成图层

- (RMMapLayer *)mapView:(RMMapView *)mapView layerForAnnotation:(RMAnnotation *)annotation{

    RMMarker *marker = [[RMMarker alloc] initWithMapboxMarkerImage:@"embassy"];

    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 50, 32)];

    imageView.contentMode = UIViewContentModeScaleAspectFit;

    imageView.image = annotation.userInfo;

    marker.leftCalloutAccessoryView = imageView;

    marker.canShowCallout = YES;

    return marker;
}

这就是我从mbtiles文件中获取预告片并构建我的注释的方法:

- (void)singleTapOnMap:(RMMapView *)mapView at:(CGPoint)point{
    [mapView removeAllAnnotations];

    RMMBTilesSource *source = (RMMBTilesSource *)mapView.tileSource;

    if ([source conformsToProtocol:@protocol(RMInteractiveSource)] && [source supportsInteractivity])
    {
        NSString *formattedOutput = [source formattedOutputOfType:RMInteractiveSourceOutputTypeTeaser
                                                         forPoint:point
                                                        inMapView:mapView];

        if (formattedOutput && [formattedOutput length])
        {
            // parse the country name out of the content
            //
            NSUInteger startOfCountryName = [formattedOutput rangeOfString:@"<strong>"].location + [@"<strong>" length];
            NSUInteger endOfCountryName   = [formattedOutput rangeOfString:@"</strong>"].location;

            NSString *countryName = [formattedOutput substringWithRange:NSMakeRange(startOfCountryName, endOfCountryName - startOfCountryName)];

            // parse the flag image out of the content
            //
            NSUInteger startOfFlagImage = [formattedOutput rangeOfString:@"base64,"].location + [@"base64," length];
            NSUInteger endOfFlagImage   = [formattedOutput rangeOfString:@"\" style"].location;

            UIImage *flagImage = [UIImage imageWithData:[NSData dataFromBase64String:[formattedOutput substringWithRange:NSMakeRange(startOfFlagImage, endOfFlagImage)]]];

            RMAnnotation *annotation = [RMAnnotation annotationWithMapView:mapView coordinate:[mapView pixelToCoordinate:point] andTitle:countryName];

            annotation.userInfo = flagImage;

            [mapView addAnnotation:annotation];

            [mapView selectAnnotation:annotation animated:YES];
        }
    }
}

已更新 我想通过在标记上使用leftCalloutAccessoryView来做到这一点(我在layerForAnnotation方法的末尾添加了以下内容:

marker.leftCalloutAccessoryView = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];

并使用以下委托方法来跟踪事件:

-(void)tapOnCalloutAccessoryControl:(UIControl *)control forAnnotation:(RMAnnotation *)annotation onMap:(RMMapView *)map{
    NSLog(@"I will now pass to the next screen !  YEAH! %@",annotation.title);
}

现在的问题是我想摆脱左侧calloutAccesoryView。有什么建议吗?

1 个答案:

答案 0 :(得分:0)

这里没有关于地图的内容。你真正想要的是callout(类型为SMCalloutView,是你正在使用的Mapbox SDK的依赖项目)来注册它的点击。

查看此问题以获取更多详细信息:

https://github.com/mapbox/mapbox-ios-sdk/issues/422