Как сгруппировать MGLАннотации, которые перекрываются на карте?

Question

Я работаю с картой mapbox для ios.В него я добавляю аннотации.Когда вы начинаете уменьшать масштаб, аннотации становятся все ближе и ближе к той степени, в которой они начинают перекрываться.Я пытался написать логику, чтобы исправить это, но это замедляет работу приложения.

Мне было интересно, есть ли какие-нибудь встроенные методы mapbox, которые могут позаботиться об этой [группировке] из меня.

Так ли это?Можете поделиться ими?

Ниже приведен код, который я пробовал, если это поможет:

    func mapViewRegionIsChanging(_ mapView: MGLMapView) {
    print(mapView.zoomLevel, " Cenetr -<<<<")
    print(mapView.visibleAnnotations, " These are the visible annotations")
    grouping(mapView: mapView)
}

func grouping(mapView: MGLMapView) {

    if let annotations = mapView.visibleAnnotations {

        var lastVal = 0.0
        var arrayAnnotationsToRemove = [CustomPointAnnotation]()
        var arrayPolylinesToRemove = [MGLPolyline]()

        for val in arrayOfLineInformationObjects {

            if mapView.zoomLevel < 10 && mapView.zoomLevel > 7 {
                let dif = lastVal-val.arrayOfPointAnnotations![0].coordinate.longitude
                print(dif, "The dif is to teh left")
                //long is being compared
                if dif <= 0.01 {//dif >= 0.05 &&
                    print("Delete")
                    arrayAnnotationsToRemove.append(val.arrayOfPointAnnotations![0])
                    arrayAnnotationsToRemove.append(val.arrayOfPointAnnotations![1])
                    arrayPolylinesToRemove.append(val.polyline!)
                }

            } else if mapView.zoomLevel < 7 && mapView.zoomLevel > 5 {
                let dif = lastVal-val.arrayOfPointAnnotations![0].coordinate.longitude
                print(dif, "The dif is to teh left")
                //long is being compared
                if dif <= 0.01 {
                    print("Delete 2")
                    arrayAnnotationsToRemove.append(val.arrayOfPointAnnotations![0])
                    arrayAnnotationsToRemove.append(val.arrayOfPointAnnotations![1])
                    arrayPolylinesToRemove.append(val.polyline!)
                }
            }
            lastVal = val.arrayOfPointAnnotations![0].coordinate.longitude
        }
        for (valueA, valueP) in zip(arrayAnnotationsToRemove, arrayPolylinesToRemove) {
            mapView.removeAnnotation(valueA)
            mapView.removeAnnotation(valueA)
            mapView.remove(valueP)
        }
        if arrayAnnotationsToRemove.count > 0 {
            let newGroupedAnnotation = MGLPolygon(coordinates: &arrayAnnotationsToRemove[0].coordinate, count: 1)
            mapView.addAnnotation(polygonCircleForCoordinate(coordinate: arrayAnnotationsToRemove[0].coordinate, withMeterRadius: 50))
        }
        //notation(T##annotation: MGLAnnotation##MGLAnnotation)
    }
}

Answer 1

Вы можете использовать Cluster point data для этого.

Вы можете найти подробный пример для этого здесь .

Я скопировал сюда функцию didFinishLoading, на случай, если в будущем разорвется ссылка

func mapView(_ mapView: MGLMapView, didFinishLoading style: MGLStyle) {
    let url = URL(fileURLWithPath: Bundle.main.path(forResource: "ports", ofType: "geojson")!)

    let source = MGLShapeSource(identifier: "clusteredPorts",
        url: url,
        options: [.clustered: true, .clusterRadius: icon.size.width])
    style.addSource(source)

    // Use a template image so that we can tint it with the `iconColor` runtime styling property.
    style.setImage(icon.withRenderingMode(.alwaysTemplate), forName: "icon")

    // Show unclustered features as icons. The `cluster` attribute is built into clustering-enabled
    // source features.
    let ports = MGLSymbolStyleLayer(identifier: "ports", source: source)
    ports.iconImageName = NSExpression(forConstantValue: "icon")
    ports.iconColor = NSExpression(forConstantValue: UIColor.darkGray.withAlphaComponent(0.9))
    ports.predicate = NSPredicate(format: "cluster != YES")
    style.addLayer(ports)

    // Color clustered features based on clustered point counts.
    let stops = [
    20: UIColor.lightGray,
    50: UIColor.orange,
    100: UIColor.red,
    200: UIColor.purple
    ]

    // Show clustered features as circles. The `point_count` attribute is built into
    // clustering-enabled source features.
    let circlesLayer = MGLCircleStyleLayer(identifier: "clusteredPorts", source: source)
    circlesLayer.circleRadius = NSExpression(forConstantValue: NSNumber(value: Double(icon.size.width) / 2))
    circlesLayer.circleOpacity = NSExpression(forConstantValue: 0.75)
    circlesLayer.circleStrokeColor = NSExpression(forConstantValue: UIColor.white.withAlphaComponent(0.75))
    circlesLayer.circleStrokeWidth = NSExpression(forConstantValue: 2)
    circlesLayer.circleColor = NSExpression(format: "mgl_step:from:stops:(point_count, %@, %@)", UIColor.lightGray, stops)
    circlesLayer.predicate = NSPredicate(format: "cluster == YES")
    style.addLayer(circlesLayer)

    // Label cluster circles with a layer of text indicating feature count. The value for
    // `point_count` is an integer. In order to use that value for the
    // `MGLSymbolStyleLayer.text` property, cast it as a string.
    let numbersLayer = MGLSymbolStyleLayer(identifier: "clusteredPortsNumbers", source: source)
    numbersLayer.textColor = NSExpression(forConstantValue: UIColor.white)
    numbersLayer.textFontSize = NSExpression(forConstantValue: NSNumber(value: Double(icon.size.width) / 2))
    numbersLayer.iconAllowsOverlap = NSExpression(forConstantValue: true)
    numbersLayer.text = NSExpression(format: "CAST(point_count, 'NSString')")

    numbersLayer.predicate = NSPredicate(format: "cluster == YES")
    style.addLayer(numbersLayer)
    }