如何通过按钮删除MapBox iOS SDK中GeoJSON添加的标注？

嘿，我来帮你搞定这个删除MapBox标注的事儿！你是通过GeoJSON加载的标注，用了MGLShapeSource，那核心就是操作这个数据源来实现删除，下面分步骤给你说清楚：

第一步：把MGLShapeSource存为类属性 #

你之前在mapViewDidFinishLoading里初始化的source如果是局部变量，按钮点击时根本拿不到它，所以先把它声明成ViewController的属性：

class YourMapVC: UIViewController, MGLMapViewDelegate {
    // 声明属性，方便后续访问
    var geoJSONSource: MGLShapeSource?
    @IBOutlet weak var mapView: MGLMapView!
    
    // ...其他代码
}

然后在初始化source的时候给这个属性赋值：

override func mapViewDidFinishLoadingMap(_ mapView: MGLMapView) {
    guard let filePath = Bundle.main.path(forResource: filterCat, ofType: "geojson"),
          let fileURL = URL(fileURLWithPath: filePath) else {
        print("找不到GeoJSON文件")
        return
    }
    
    // 初始化source并赋值给属性
    geoJSONSource = MGLShapeSource(identifier: "your-custom-source-id", url: fileURL, options: nil)
    
    // 把source添加到地图样式里，再添加对应的图层（比如符号层、圆形层）
    if let source = geoJSONSource {
        mapView.style?.addSource(source)
        // 这里添加你的图层，比如MGLSymbolLayer用来显示标注
        let symbolLayer = MGLSymbolLayer(identifier: "your-custom-layer-id", source: source)
        // 配置图层样式（比如图标、文字）
        // ...
        mapView.style?.addLayer(symbolLayer)
    }
}

第二步：按钮点击时删除标注 #

分两种场景，你可以根据需求选：

场景1：清空所有标注 #

最简单的方式就是把source的shape设为nil，或者直接移除整个source和对应的图层：

@IBAction func clearAllAnnotations(_ sender: UIButton) {
    // 方式1：仅清空标注（保留source和图层，后续可以重新加载）
    geoJSONSource?.shape = nil
    
    // 方式2：彻底移除source和图层（如果不需要再用的话）
    if let source = geoJSONSource, let style = mapView.style {
        // 先移除关联的图层
        if let layer = style.layer(withIdentifier: "your-custom-layer-id") {
            style.removeLayer(layer)
        }
        // 再移除source
        style.removeSource(source)
        geoJSONSource = nil // 置空避免无效引用
    }
}

场景2：删除特定标注 #

如果只想删掉某个特定的feature，需要先过滤source里的要素，再更新source的shape：

@IBAction func deleteSpecificAnnotation(_ sender: UIButton) {
    guard let source = geoJSONSource,
          let featureCollection = source.shape as? MGLFeatureCollection else {
        return
    }
    
    // 过滤掉要删除的要素，这里示例是根据feature的identifier判断
    let filteredFeatures = featureCollection.features.filter { feature in
        // 替换成你的判断条件，比如要素的id不是"要删除的ID"
        return feature.identifier as? String != "target-feature-id"
    }
    
    // 创建新的要素集合并赋值给source，地图会自动更新显示
    let newFeatureCollection = MGLFeatureCollection(features: filteredFeatures)
    source.shape = newFeatureCollection
}

额外提醒（针对聚类场景） #

你参考的是聚类示例，那删除标注的逻辑也是一样的——操作对应的MGLShapeSource就行，聚类图层会自动同步更新，不需要额外操作聚类相关的设置哦。

内容的提问来源于stack exchange，提问作者M.Strachan