adding clustering support and some text support

Author: hactar

Package.resolved

@@ -22,7 +22,7 @@ let package = Package(
     ],
     dependencies: [
         .package(url: "https://github.com/maplibre/maplibre-gl-native-distribution.git", from: "6.1.0"),
-        .package(url: "https://github.com/stadiamaps/maplibre-swift-macros.git", from: "0.0.2"),
+        .package(url: "https://github.com/hactar/maplibre-swift-macros.git", branch: "public-expression"),
         // Testing
         .package(url: "https://github.com/Kolos65/Mockable.git", exact: "0.0.3"),
         .package(url: "https://github.com/pointfreeco/swift-snapshot-testing", from: "1.15.3"),

Package.swift

@@ -21,22 +21,25 @@ public enum ShapeData {
 
 public struct ShapeSource: Source {
     public let identifier: String
+    public let options: [MLNShapeSourceOption : Any]?
     let data: ShapeData
 
-    public init(identifier: String, @ShapeDataBuilder _ makeShapeDate: () -> ShapeData) {
+    public init(identifier: String, options: [MLNShapeSourceOption : Any]? = nil, @ShapeDataBuilder _ makeShapeDate: () -> ShapeData) {
         self.identifier = identifier
+        self.options = options
         data = makeShapeDate()
+        
     }
 
     public func makeMGLSource() -> MLNSource {
         // TODO: Options! These should be represented via modifiers like .clustered()
         switch data {
         case let .geoJSONURL(url):
-            MLNShapeSource(identifier: identifier, url: url)
+            MLNShapeSource(identifier: identifier, url: url, options: options)
         case let .shapes(shapes):
-            MLNShapeSource(identifier: identifier, shapes: shapes)
+            MLNShapeSource(identifier: identifier, shapes: shapes, options: options)
         case let .features(features):
-            MLNShapeSource(identifier: identifier, features: features)
+            MLNShapeSource(identifier: identifier, features: features, options: options)
         }
     }
 }

Sources/MapLibreSwiftDSL/ShapeDataBuilder.swift

@@ -7,14 +7,16 @@ import MapLibreSwiftMacros
 @MLNStyleProperty<UIColor>("color", supportsInterpolation: false)
 @MLNStyleProperty<Double>("strokeWidth", supportsInterpolation: true)
 @MLNStyleProperty<UIColor>("strokeColor", supportsInterpolation: false)
-public struct CircleStyleLayer: SourceBoundStyleLayerDefinition {
+public struct CircleStyleLayer: SourceBoundVectorStyleLayerDefinition {
+    
     public let identifier: String
     public var insertionPosition: LayerInsertionPosition = .aboveOthers
     public var isVisible: Bool = true
     public var maximumZoomLevel: Float? = nil
     public var minimumZoomLevel: Float? = nil
 
     public var source: StyleLayerSource
+    public var predicate: NSPredicate?
 
     public init(identifier: String, source: Source) {
         self.identifier = identifier
@@ -33,6 +35,8 @@ public struct CircleStyleLayer: SourceBoundStyleLayerDefinition {
     }
 
     // MARK: - Modifiers
+    
+
 }
 
 private struct CircleStyleLayerInternal: StyleLayer {
@@ -74,6 +78,9 @@ private struct CircleStyleLayerInternal: StyleLayer {
         result.circleStrokeWidth = definition.strokeWidth
         result.circleStrokeColor = definition.strokeColor
 
+        result.predicate = definition.predicate
+
+
         return result
     }
 }

Sources/MapLibreSwiftDSL/Style Layers/Circle.swift

@@ -8,14 +8,15 @@ import MapLibreSwiftMacros
 @MLNRawRepresentableStyleProperty<LineCap>("lineCap")
 @MLNRawRepresentableStyleProperty<LineJoin>("lineJoin")
 @MLNStyleProperty<Float>("lineWidth", supportsInterpolation: true)
-public struct LineStyleLayer: SourceBoundStyleLayerDefinition {
+public struct LineStyleLayer: SourceBoundVectorStyleLayerDefinition {
     public let identifier: String
     public var insertionPosition: LayerInsertionPosition = .aboveOthers
     public var isVisible: Bool = true
     public var maximumZoomLevel: Float? = nil
     public var minimumZoomLevel: Float? = nil
 
     public var source: StyleLayerSource
+    public var predicate: NSPredicate?
 
     public init(identifier: String, source: Source) {
         self.identifier = identifier
@@ -71,6 +72,9 @@ private struct LineStyleLayerInternal: StyleLayer {
         result.lineCap = definition.lineCap
         result.lineWidth = definition.lineWidth
         result.lineJoin = definition.lineJoin
+        
+        result.predicate = definition.predicate
+        
 
         return result
     }

Sources/MapLibreSwiftDSL/Style Layers/Line.swift

@@ -77,6 +77,32 @@ public protocol SourceBoundStyleLayerDefinition: StyleLayerDefinition {
     var source: StyleLayerSource { get set }
 }
 
+
+/// Based on MLNVectorStyleLayer
+public protocol SourceBoundVectorStyleLayerDefinition: SourceBoundStyleLayerDefinition {
+    /**
+     The style layer’s predicate.
+     
+     Use the style layer’s predicate to include only the features in the source
+     layer that satisfy a condition that you define.
+     
+     See the *Predicates and Expressions*
+     guide for details about the predicate syntax supported by this class.
+     */
+    var predicate: NSPredicate? { get set }
+    
+    func predicate(_ predicate: NSPredicate) -> Self
+}
+
+extension SourceBoundVectorStyleLayerDefinition {
+    public func predicate(_ predicate: NSPredicate) -> Self {
+        modified(self) { it in
+            it.predicate = predicate
+        }
+    }
+}
+
+
 extension SourceBoundStyleLayerDefinition {
     func addSource(to style: MLNStyle) -> MLNSource {
         let tmpSource: MLNSource

Sources/MapLibreSwiftDSL/Style Layers/Style Layer.swift

@@ -5,15 +5,20 @@ import MapLibreSwiftMacros
 
 @MLNStyleProperty<Double>("iconRotation", supportsInterpolation: true)
 @MLNStyleProperty<UIColor>("iconColor", supportsInterpolation: true)
+@MLNStyleProperty<UIColor>("textColor", supportsInterpolation: true)
+@MLNStyleProperty<Double>("textFontSize", supportsInterpolation: true)
+@MLNStyleProperty<String>("text", supportsInterpolation: false)
+@MLNStyleProperty<Bool>("iconAllowsOverlap", supportsInterpolation: false)
 
-public struct SymbolStyleLayer: SourceBoundStyleLayerDefinition {
+public struct SymbolStyleLayer: SourceBoundVectorStyleLayerDefinition {
     public let identifier: String
     public var insertionPosition: LayerInsertionPosition = .aboveOthers
     public var isVisible: Bool = true
     public var maximumZoomLevel: Float? = nil
     public var minimumZoomLevel: Float? = nil
 
     public var source: StyleLayerSource
+    public var predicate: NSPredicate?
 
     public init(identifier: String, source: Source) {
         self.identifier = identifier
@@ -61,12 +66,6 @@ public struct SymbolStyleLayer: SourceBoundStyleLayerDefinition {
 //            it.iconImages = mappings.values + [defaultImage]
 //        }
 //    }
-
-    public func iconRotation(expression: NSExpression) -> Self {
-        modified(self) { it in
-            it.iconRotation = expression
-        }
-    }
 }
 
 private struct SymbolStyleLayerInternal: StyleLayer {
@@ -105,6 +104,15 @@ private struct SymbolStyleLayerInternal: StyleLayer {
         result.iconImageName = definition.iconImageName
         result.iconRotation = definition.iconRotation
         result.iconColor = definition.iconColor
+        result.text = definition.text
+        result.textColor = definition.textColor
+        result.textFontSize = definition.textFontSize
+        
+        result.iconAllowsOverlap = definition.iconAllowsOverlap
+        
+        result.predicate = definition.predicate
+
+        
 
         return result
     }

Sources/MapLibreSwiftDSL/Style Layers/Symbol.swift

@@ -21,6 +21,18 @@ let pointSource = ShapeSource(identifier: "points") {
     }
 }
 
+@MainActor
+let clustered = ShapeSource(identifier: "points", options: [.clustered: true, .clusterRadius: 44]) {
+    // Uses the DSL to quickly construct point features inline
+    MLNPointFeature(coordinate: CLLocationCoordinate2D(latitude: 48.2082, longitude: 16.3719))
+    
+    MLNPointFeature(coordinate: CLLocationCoordinate2D(latitude: 48.3082, longitude: 16.3719))
+    
+    MLNPointFeature(coordinate: CLLocationCoordinate2D(latitude: 48.2082, longitude: 16.9719))
+    
+    MLNPointFeature(coordinate: CLLocationCoordinate2D(latitude: 48.0082, longitude: 17.9719))
+}
+
 #Preview("Rose Tint") {
     MapView(styleURL: demoTilesURL) {
         // Silly example: a background layer on top of everything to create a tint effect
@@ -76,6 +88,42 @@ let pointSource = ShapeSource(identifier: "points") {
     .ignoresSafeArea(.all)
 }
 
+#Preview("Clustered Circles with Symbols") {
+    @State var camera = MapViewCamera.center(CLLocationCoordinate2D(latitude: 48.2082, longitude: 16.3719), zoom: 5, direction: 0)
+    return MapView(styleURL: demoTilesURL, camera: $camera) {
+        // Clusters pins when they would touch
+        
+        // Cluster == YES shows only those pins that are clustered, using .text
+        CircleStyleLayer(identifier: "simple-circles-clusters", source: clustered)
+            .radius(16)
+            .color(.systemRed)
+            .strokeWidth(2)
+            .strokeColor(.white)
+            .predicate(NSPredicate(format: "cluster == YES"))
+        
+        SymbolStyleLayer(identifier: "simple-symbols-clusters", source: clustered)
+            .textColor(.white)
+            .text(expression: NSExpression(format: "CAST(point_count, 'NSString')"))
+            .predicate(NSPredicate(format: "cluster == YES"))
+            
+        
+        // Cluster != YES shows only those pins that are not clustered, using an icon
+        CircleStyleLayer(identifier: "simple-circles-non-clusters", source: clustered)
+            .radius(16)
+            .color(.systemRed)
+            .strokeWidth(2)
+            .strokeColor(.white)
+            .predicate(NSPredicate(format: "cluster != YES"))
+        
+         SymbolStyleLayer(identifier: "simple-symbols-non-clusters", source: clustered)
+         .iconImage(UIImage(systemName: "mappin")!.withRenderingMode(.alwaysTemplate))
+         .iconColor(.white)
+         .predicate(NSPredicate(format: "cluster != YES"))
+         
+    }
+    .ignoresSafeArea(.all)
+}
+
 // TODO: Fixme
 // #Preview("Multiple Symbol Icons") {
 //    MapView(styleURL: demoTilesURL) {