如何使用NSPredicate过滤Mapbox MGLFillExtrusionStyleLayer的MGLFeature $id？

嘿，我来帮你搞定这个Mapbox iOS的建筑物高亮需求！你现在的思路方向是对的，但其实不用走addAnnotations这条路——直接利用Mapbox样式层的**过滤器（Predicate）**来实现会更高效，也更符合Mapbox的最佳实践。下面是具体的实现步骤和代码示例：

核心思路 #

我们已经有两个MGLFillExtrusionStyleLayer：一个是默认展示所有建筑物的基础层，另一个是用来高亮的图层。我们的目标是：

1. 计算地图中心点周围20x20的屏幕区域
2. 获取该区域内的建筑物特征
3. 通过过滤器让高亮层只显示这些特征，并设置为红色

具体实现步骤 #

1. 确保高亮图层的层级正确 #

在创建高亮图层时，要把它放在基础建筑物层的上方，这样红色高亮才会覆盖默认颜色：

// 假设基础建筑物层的标识符是@"building-extrusion"
[style insertLayer:highlightLayer aboveLayer:[style layerWithIdentifier:@"building-extrusion"]];

2. 在样式加载完成后处理高亮逻辑 #

在didFinishLoadingStyle:方法中添加以下代码：

- (void)mapView:(MGLMapView *)mapView didFinishLoadingStyle:(MGLStyle *)style {
    // 1. 计算中心点周围20x20的屏幕矩形
    CGPoint centerScreenPoint = [mapView convertCoordinate:mapView.centerCoordinate toPointToView:mapView];
    CGRect highlightRect = CGRectMake(centerScreenPoint.x - 10, centerScreenPoint.y - 10, 20, 20);
    
    // 2. 获取该区域内的建筑物特征（指定基础图层的标识符）
    NSSet *targetLayerIds = [NSSet setWithObject:@"building-extrusion"];
    NSArray<MGLFeature *> *highlightedFeatures = [mapView visibleFeaturesInRect:highlightRect inStyleLayersWithIdentifiers:targetLayerIds];
    
    // 3. 提取特征的唯一ID（注意：字段名根据你的数据源调整，Mapbox Streets默认是@"id"）
    NSMutableArray<NSString *> *featureIds = [NSMutableArray array];
    for (MGLFeature *feature in highlightedFeatures) {
        NSString *idStr = feature.attributes[@"id"];
        if (idStr) [featureIds addObject:idStr];
    }
    
    // 4. 获取高亮图层并设置过滤器和样式
    MGLFillExtrusionStyleLayer *highlightLayer = (MGLFillExtrusionStyleLayer *)[style layerWithIdentifier:@"highlighted-buildings"];
    
    // 设置过滤器：只显示ID在目标列表中的特征
    if (featureIds.count > 0) {
        highlightLayer.predicate = [NSPredicate predicateWithFormat:@"id IN %@", featureIds];
    } else {
        // 没有匹配特征时隐藏高亮层
        highlightLayer.predicate = [NSPredicate predicateWithValue:NO];
    }
    
    // 设置高亮颜色为红色
    highlightLayer.fillExtrusionColor = [MGLStyleValue valueWithRawValue:[UIColor redColor]];
    // 保持和基础层一致的挤出高度（也可以设置更高的值让高亮更突出）
    highlightLayer.fillExtrusionHeight = highlightLayer.fillExtrusionHeight;
}

关键注意事项 #

• 为什么不用AddAnnotations？
  MGLAnnotation主要用于添加标记、弹窗等交互元素，而建筑物属于矢量图层的一部分，用样式层过滤器的性能远高于添加标注，尤其是在处理大量特征时。
• 特征ID字段要对应
  不同的矢量数据源，特征的唯一ID字段可能不同。如果是使用Mapbox官方的Streets样式，字段是id；如果是自定义数据源，要换成你自己定义的ID字段。
• 实时更新高亮区域
  如果需要用户拖动地图后重新计算高亮区域，可以把上述逻辑放到mapView:regionDidChangeAnimated:方法中，但建议加个延迟或者判断，避免频繁计算影响性能。

内容的提问来源于stack exchange，提问作者Omar Abdelwahed