All docschevron-rightMaps SDK for iOSchevron-rightarrow-leftExampleschevron-rightAdd circle annotations

Add circle annotations

Show circle annotations on a map.

There are several ways to add markers, annotations, and other shapes to the map using the Maps SDK. To choose the best approach for your application, read the Markers and annotations guide.

CircleAnnotationExample.swift
import UIKit
import MapboxMaps
final class CircleAnnotationExample: UIViewController, ExampleProtocol {
private lazy var mapView: MapView = MapView(frame: view.bounds)
override func viewDidLoad() {
super.viewDidLoad()
let cameraOptions = CameraOptions(center: CLLocationCoordinate2D(latitude: 0, longitude: 0), zoom: 2)
let mapInitOptions = MapInitOptions(cameraOptions: cameraOptions)
mapView = MapView(frame: view.bounds, mapInitOptions: mapInitOptions)
mapView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
view.addSubview(mapView)
// Create the CircleAnnotationManager
// Annotation managers are kept alive by `AnnotationOrchestrator`
// (`mapView.annotations`) until you explicitly destroy them
// by calling `mapView.annotations.removeAnnotationManager(withId:)`
let circleAnnotationManager = mapView.annotations.makeCircleAnnotationManager()
var annotations = [CircleAnnotation]()
for _ in 0...2000 {
var annotation = CircleAnnotation(centerCoordinate: .random)
annotation.circleColor = StyleColor(.random)
annotation.circleRadius = 12
annotation.isDraggable = true
annotation.tapHandler = { [id = annotation.id] _ in
print("tapped annotation \(id)")
return false
}
annotations.append(annotation)
}
circleAnnotationManager.annotations = annotations
// The following line is just for testing purposes.
finish()
}
}
Was this example helpful?