RD-1432: Update examples

Author: sasaprodribaba

Examples/BasicMapView+SwiftUI.swift

@@ -18,6 +18,12 @@ struct BasicMapView: View {
 
     @State private var mapView = MTMapView(options: MTMapOptions(zoom: Constants.defaultZoomLevel))
 
+    // Note: Best practice is to set the API key at app startup (App/Scene or AppDelegate).
+    // It's set here for standalone copy-paste convenience.
+    init() {
+        Task { await MTConfig.shared.setAPIKey("YOUR_API_KEY") }
+    }
+
     var body: some View {
         MTMapViewContainer(map: mapView) {}
             .referenceStyle(referenceStyle)

Examples/BasicMapViewController+UIKit.swift

@@ -17,12 +17,17 @@ class BasicMapViewController: UIViewController {
 
     override func viewDidLoad() {
         super.viewDidLoad()
-
+        Task { await MTConfig.shared.setAPIKey("YOUR_API_KEY") }
         initializeMapView()
     }
 
     private func initializeMapView() {
-        let options = MTMapOptions(center: Constants.unterageriCoordinates, zoom: Constants.defaultZoomLevel, bearing: 1.0, pitch: 20.0)
+        let options = MTMapOptions(
+            center: Constants.unterageriCoordinates,
+            zoom: Constants.defaultZoomLevel,
+            bearing: 1.0,
+            pitch: 20.0
+        )
         mapView = MTMapView(frame: view.frame, options: options, referenceStyle: .basic)
         mapView.delegate = self
 

Examples/Clustering+SwiftUI.swift

@@ -17,6 +17,12 @@ struct ClusteringSwiftUIExample: View {
     private let clusterCountLayerId = "clusterCount"
     private let unclusteredLayerId = "unclusteredPoint"
 
+    // Note: Best practice is to set the API key at app startup (App/Scene or AppDelegate).
+    // It's set here for standalone copy-paste convenience.
+    init() {
+        Task { await MTConfig.shared.setAPIKey("YOUR_API_KEY") }
+    }
+
     var body: some View {
         MTMapViewContainer(map: mapView) {
             // Add clustered source via DSL so it exists before layers are added.

Examples/Clustering+UIKit.swift

@@ -17,7 +17,7 @@ final class ClusteringUIKitExampleViewController: UIViewController {
 
     override func viewDidLoad() {
         super.viewDidLoad()
-
+        Task { await MTConfig.shared.setAPIKey("YOUR_API_KEY") }
         let options = MTMapOptions(center: CLLocationCoordinate2D(latitude: 20, longitude: 0), zoom: 0.3)
         mapView = MTMapView(frame: view.bounds, options: options, referenceStyle: .dataviz, styleVariant: .dark)
         view.addSubview(mapView)

Examples/MarkersAndPopups+SwiftUI.swift

@@ -20,6 +20,12 @@ struct MarkersAndPopupsMapView: View {
 
     @State private var mapView = MTMapView(options: MTMapOptions(zoom: Constants.defaultZoomLevel))
 
+    // Note: Best practice is to set the API key at app startup (App/Scene or AppDelegate).
+    // It's set here for standalone copy-paste convenience.
+    init() {
+        Task { await MTConfig.shared.setAPIKey("YOUR_API_KEY") }
+    }
+
     var body: some View {
         MTMapViewContainer(map: mapView) {
             let unterageriPopup = MTTextPopup(coordinates: unterageriCoordinates, text: "MapTiler", offset: 20.0)

Examples/MarkersAndPopups+UIKit.swift

@@ -26,12 +26,17 @@ class MarkersAndPopupsMapViewController: UIViewController {
 
     override func viewDidLoad() {
         super.viewDidLoad()
-
+        Task { await MTConfig.shared.setAPIKey("YOUR_API_KEY") }
         initializeMapView()
     }
 
     private func initializeMapView() {
-        let options = MTMapOptions(center: Constants.unterageriCoordinates, zoom: Constants.defaultZoomLevel, bearing: 1.0, pitch: 20.0)
+        let options = MTMapOptions(
+            center: Constants.unterageriCoordinates,
+            zoom: Constants.defaultZoomLevel,
+            bearing: 1.0,
+            pitch: 20.0
+        )
         mapView = MTMapView(frame: view.frame, options: options, referenceStyle: .basic)
         mapView.delegate = self
 

Examples/SourcesAndLayers+SwiftUI.swift

@@ -16,13 +16,21 @@ struct SourcesAndLayersMapView: View {
     let contoursSourceID = "contoursSource"
     let airportsSourceID = "airportsSource"
 
-    let contoursTilesURL = URL(string: "https://api.maptiler.com/tiles/contours-v2/{z}/{x}/{y}.pbf?key=YOUR_API_KEY") ?? URL.documentsDirectory
+    let contoursTilesURL = URL(
+        string: "https://api.maptiler.com/tiles/contours-v2/{z}/{x}/{y}.pbf?key=YOUR_API_KEY"
+    ) ?? URL.documentsDirectory
 
     @State private var referenceStyle: MTMapReferenceStyle = .basic
     @State private var styleVariant: MTMapStyleVariant? = .defaultVariant
 
     @State private var mapView = MTMapView(options: MTMapOptions(zoom: Constants.defaultZoomLevel))
 
+    // Note: Best practice is to set the API key at app startup (App/Scene or AppDelegate).
+    // It's set here for standalone copy-paste convenience.
+    init() {
+        Task { await MTConfig.shared.setAPIKey("YOUR_API_KEY") }
+    }
+
     var body: some View {
         MTMapViewContainer(map: mapView) {
             MTVectorTileSource(identifier: contoursSourceID, tiles: [contoursTilesURL])

Examples/SourcesAndLayers+UIKit.swift

@@ -17,12 +17,17 @@ class SourcesAndLayersMapViewController: UIViewController {
 
     override func viewDidLoad() {
         super.viewDidLoad()
-
+        Task { await MTConfig.shared.setAPIKey("YOUR_API_KEY") }
         initializeMapView()
     }
 
     private func initializeMapView() {
-        let options = MTMapOptions(center: Constants.unterageriCoordinates, zoom: Constants.defaultZoomLevel, bearing: 1.0, pitch: 20.0)
+        let options = MTMapOptions(
+            center: Constants.unterageriCoordinates,
+            zoom: Constants.defaultZoomLevel,
+            bearing: 1.0,
+            pitch: 20.0
+        )
         mapView = MTMapView(frame: view.frame, options: options, referenceStyle: .basic)
         mapView.delegate = self
 
@@ -34,11 +39,17 @@ class SourcesAndLayersMapViewController: UIViewController {
             return
         }
 
-        if let contoursTilesURL = URL(string: "https://api.maptiler.com/tiles/contours-v2/{z}/{x}/{y}.pbf?key=YOUR_API_KEY") {
+        if let contoursTilesURL = URL(
+            string: "https://api.maptiler.com/tiles/contours-v2/{z}/{x}/{y}.pbf?key=YOUR_API_KEY"
+        ) {
             let contoursDataSource = MTVectorTileSource(identifier: "contoursSource", tiles: [contoursTilesURL])
             style.addSource(contoursDataSource)
 
-            let contoursLayer = MTLineLayer(identifier: "contoursLayer", sourceIdentifier: contoursDataSource.identifier, sourceLayer: "contour_ft")
+            let contoursLayer = MTLineLayer(
+                identifier: "contoursLayer",
+                sourceIdentifier: contoursDataSource.identifier,
+                sourceLayer: "contour_ft"
+            )
             contoursLayer.color = .brown
             contoursLayer.width = 2.0