MapBox Symbol图层聚类失效及iOS点击、标识存储问题求助

问题2：iOS端Symbol点击监听 + 自定义车辆ID存储 #

iOS端点击监听实现

Mapbox iOS SDK中，监听Symbol点击最简便的方式是通过MGLMapViewDelegate的代理方法：

extension YourViewController: MGLMapViewDelegate {
    func mapView(_ mapView: MGLMapView, didSelect annotation: MGLAnnotation) {
        // 如果是自定义的Symbol标注，直接强转处理
        if let carAnnotation = annotation as? YourCustomCarAnnotation {
            // 处理点击事件，比如获取carAnnotation.carId
            handleCarTap(carId: carAnnotation.carId)
        }
    }

    // 或者针对图层的Feature点击
    func mapView(_ mapView: MGLMapView, didSelect feature: MGLFeature, layer: MGLStyleLayer) {
        if let carId = feature.attributes["car_id"] as? String {
            handleCarTap(carId: carId)
        }
    }
}

如果是用MGLSymbolStyleLayer管理符号，也可以通过设置图层的selectionColor来给点击反馈，配合代理方法完成交互。

自定义车辆ID存储方案

不用借助文本字段存储ID，Mapbox的Feature（Android）/MGLFeature（iOS）支持添加自定义属性，这是官方推荐的方式：

Android端示例

// 创建Feature时添加自定义ID属性
Feature carFeature = Feature.fromGeometry(new PointLngLat(lng, lat));
carFeature.addStringProperty("car_id", yourUniqueCarId);

// 创建SymbolOptions时关联这个Feature
SymbolOptions options = new SymbolOptions()
    .withData(carFeature)
    .withIconImage("car-icon")
    .withTextField(carName);

// 后续获取ID时
String carId = symbol.getFeature().getStringProperty("car_id");

iOS端示例

// 创建MGLPointFeature并添加自定义属性
let carFeature = MGLPointFeature()
carFeature.coordinate = CLLocationCoordinate2D(latitude: lat, longitude: lng)
carFeature.attributes["car_id"] = yourUniqueCarId

// 添加到数据源
if let source = mapView.style?.source(withIdentifier: "car-source") as? MGLShapeSource {
    source.shape = MGLShapeCollectionFeature(shapes: source.shapes + [carFeature])
}

// 后续获取ID时（比如点击或移动车辆）
if let carId = feature.attributes["car_id"] as? String {
    // 处理逻辑
}

这种方式既不会影响文本显示，也能稳定地关联车辆ID，比用数组映射或文本存储靠谱得多。

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