* Add LiveLocationSheet and refactor existing views to share code * Implement logic for highlighting a specific LLS from a user once selected in the sheet * Updated tests, project and added new previews for the LLS sheet. # Conflicts: # PreviewTests/Sources/__Snapshots__/PreviewTests/liveLocationRoomTimelineView.Bubbles-iPad-pseudo.png # PreviewTests/Sources/__Snapshots__/PreviewTests/liveLocationRoomTimelineView.Bubbles-iPhone-pseudo.png * add Equatable conformance to CLLocationCoordinate2D
294 lines
11 KiB
Swift
294 lines
11 KiB
Swift
//
|
|
// Copyright 2025 Element Creations Ltd.
|
|
// Copyright 2023-2025 New Vector Ltd.
|
|
//
|
|
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
|
|
// Please see LICENSE files in the repository root for full details.
|
|
//
|
|
|
|
import Combine
|
|
import MapLibre
|
|
import SwiftUI
|
|
|
|
struct MapLibreMapView: UIViewRepresentable {
|
|
struct Options {
|
|
/// the final zoom level used when the first user location emit
|
|
let zoomLevel: Double
|
|
/// The initial zoom level used when the map it firstly loaded and the user location is not yet available, in case of annotations this property is not being used
|
|
let initialZoomLevel: Double
|
|
|
|
/// The initial map center
|
|
let mapCenter: CLLocationCoordinate2D
|
|
|
|
/// Map annotations
|
|
let annotations: [LocationAnnotation]
|
|
|
|
init(zoomLevel: Double, initialZoomLevel: Double, mapCenter: CLLocationCoordinate2D, annotations: [LocationAnnotation] = []) {
|
|
self.zoomLevel = zoomLevel
|
|
self.initialZoomLevel = initialZoomLevel
|
|
self.mapCenter = mapCenter
|
|
self.annotations = annotations
|
|
}
|
|
}
|
|
|
|
// MARK: - Properties
|
|
|
|
@Environment(\.colorScheme) private var colorScheme
|
|
|
|
let mapURLBuilder: MapTilerURLBuilderProtocol
|
|
|
|
let options: Options
|
|
|
|
let mediaProvider: MediaProviderProtocol?
|
|
|
|
/// Behavior mode of the current user's location, can be hidden, only shown and shown following the user
|
|
@Binding var showsUserLocationMode: ShowUserLocationMode
|
|
/// Bind view errors if any
|
|
@Binding var error: MapLibreError?
|
|
/// Coordinate of the center of the map
|
|
@Binding var mapCenterCoordinate: CLLocationCoordinate2D?
|
|
@Binding var hasLoadedUserLocation: Bool
|
|
@Binding var isLocationAuthorized: Bool?
|
|
/// The radius of uncertainty for the location, measured in meters.
|
|
@Binding var geolocationUncertainty: CLLocationAccuracy?
|
|
|
|
/// Called when the user pan on the map
|
|
var userDidPan: (() -> Void)?
|
|
|
|
// MARK: - UIViewRepresentable
|
|
|
|
func makeUIView(context: Context) -> MLNMapView {
|
|
let mapView = makeMapView()
|
|
mapView.delegate = context.coordinator
|
|
setupMap(mapView: mapView, with: options)
|
|
return mapView
|
|
}
|
|
|
|
func updateUIView(_ mapView: MLNMapView, context: Context) {
|
|
// Don't set the same value twice. Otherwise, if there is an error loading the map, a loop
|
|
// is caused as the `error` binding being set, which triggers this update, which sets a
|
|
// new URL, which causes another error, and so it goes on round and round in a circle.
|
|
let dynamicMapURL = mapURLBuilder.interactiveMapURL(for: .init(colorScheme))
|
|
if mapView.styleURL != dynamicMapURL {
|
|
mapView.styleURL = dynamicMapURL
|
|
}
|
|
|
|
// If the center coordinate was updated externally (not by the map itself), move the map.
|
|
if let newCenter = mapCenterCoordinate,
|
|
newCenter != context.coordinator.lastReportedCenter {
|
|
context.coordinator.lastReportedCenter = newCenter
|
|
mapView.setCenter(newCenter, animated: true)
|
|
}
|
|
|
|
// Update existing annotation views with fresh SwiftUI content.
|
|
// This handles the case where the annotation's view data changes after
|
|
// the annotation was initially placed (e.g. user avatar loads asynchronously).
|
|
updateAnnotations(in: mapView)
|
|
|
|
showUserLocation(in: mapView)
|
|
}
|
|
|
|
func makeCoordinator() -> Coordinator {
|
|
Coordinator(self)
|
|
}
|
|
|
|
// MARK: - Private
|
|
|
|
private func setupMap(mapView: MLNMapView, with options: Options) {
|
|
mapView.addAnnotations(options.annotations)
|
|
mapView.zoomLevel = options.annotations.isEmpty ? options.initialZoomLevel : options.zoomLevel
|
|
mapView.centerCoordinate = options.mapCenter
|
|
}
|
|
|
|
private func updateAnnotations(in mapView: MLNMapView) {
|
|
let existingByID = Dictionary(uniqueKeysWithValues:
|
|
(mapView.annotations ?? []).compactMap { $0 as? LocationAnnotation }.map { ($0.id, $0) })
|
|
let updatedByID = Dictionary(uniqueKeysWithValues: options.annotations.map { ($0.id, $0) })
|
|
|
|
let existingIDs = Set(existingByID.keys)
|
|
let updatedIDs = Set(updatedByID.keys)
|
|
|
|
// Remove annotations that are no longer present
|
|
let removedIDs = existingIDs.subtracting(updatedIDs)
|
|
if !removedIDs.isEmpty {
|
|
let toRemove = removedIDs.compactMap { existingByID[$0] }
|
|
mapView.removeAnnotations(toRemove)
|
|
}
|
|
|
|
// Add new annotations
|
|
let addedIDs = updatedIDs.subtracting(existingIDs)
|
|
if !addedIDs.isEmpty {
|
|
let toAdd = addedIDs.compactMap { updatedByID[$0] }
|
|
mapView.addAnnotations(toAdd)
|
|
}
|
|
|
|
// Update existing annotations that are still present
|
|
let keptIDs = existingIDs.intersection(updatedIDs)
|
|
for id in keptIDs {
|
|
guard let existingAnnotation = existingByID[id],
|
|
let updatedAnnotation = updatedByID[id] else {
|
|
continue
|
|
}
|
|
existingAnnotation.coordinate = updatedAnnotation.coordinate
|
|
if let annotationView = mapView.view(for: existingAnnotation) as? LocationAnnotationView {
|
|
annotationView.updateContent(with: updatedAnnotation.kind, mediaProvider: mediaProvider)
|
|
}
|
|
}
|
|
}
|
|
|
|
private func makeMapView() -> MLNMapView {
|
|
let mapView = MLNMapView(frame: .zero, styleURL: mapURLBuilder.interactiveMapURL(for: colorScheme == .dark ? .dark : .light))
|
|
mapView.logoViewPosition = .topLeft
|
|
mapView.attributionButtonPosition = .topLeft
|
|
mapView.attributionButtonMargins = .init(x: mapView.logoView.frame.maxX + 8, y: mapView.logoView.center.y / 2)
|
|
mapView.tintColor = .compound.iconAccentPrimary
|
|
mapView.allowsRotating = false
|
|
mapView.allowsTilting = false
|
|
return mapView
|
|
}
|
|
|
|
private func showUserLocation(in mapView: MLNMapView) {
|
|
switch (showsUserLocationMode, options.annotations) {
|
|
case (.showAndFollow, _):
|
|
mapView.userTrackingMode = .follow
|
|
case (.show, let annotations) where !annotations.isEmpty:
|
|
// In the show mode, if there are annotations, we check the authorizationStatus,
|
|
// if it's not determined, we wont prompt the user with a request for permissions,
|
|
// because they should be able to see the annotations without sharing their location information.
|
|
guard mapView.locationManager.authorizationStatus != .notDetermined else { return }
|
|
fallthrough
|
|
case (.show, _):
|
|
mapView.showsUserLocation = true
|
|
mapView.setUserTrackingMode(.none, animated: false, completionHandler: nil)
|
|
case (.hide, _):
|
|
mapView.showsUserLocation = false
|
|
mapView.setUserTrackingMode(.none, animated: false, completionHandler: nil)
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - Coordinator
|
|
|
|
extension MapLibreMapView {
|
|
class Coordinator: NSObject, MLNMapViewDelegate {
|
|
// MARK: - Properties
|
|
|
|
var mapLibreView: MapLibreMapView
|
|
|
|
private var previousUserLocation: MLNUserLocation?
|
|
/// Tracks the last center coordinate reported by the map (or set programmatically),
|
|
/// so that `updateUIView` can tell apart external binding changes from internal ones.
|
|
var lastReportedCenter: CLLocationCoordinate2D?
|
|
|
|
// MARK: - Setup
|
|
|
|
init(_ mapLibreView: MapLibreMapView) {
|
|
self.mapLibreView = mapLibreView
|
|
}
|
|
|
|
// MARK: - MLNMapViewDelegate
|
|
|
|
func mapView(_ mapView: MLNMapView, viewFor annotation: MLNAnnotation) -> MLNAnnotationView? {
|
|
guard let annotation = annotation as? LocationAnnotation else {
|
|
return nil
|
|
}
|
|
return LocationAnnotationView(annotation: annotation, mediaProvider: mapLibreView.mediaProvider)
|
|
}
|
|
|
|
func mapViewDidFailLoadingMap(_ mapView: MLNMapView, withError error: Error) {
|
|
if mapLibreView.error != .failedLoadingMap {
|
|
mapLibreView.error = .failedLoadingMap
|
|
}
|
|
}
|
|
|
|
func mapView(_ mapView: MLNMapView, didUpdate userLocation: MLNUserLocation?) {
|
|
guard let userLocation else { return }
|
|
mapLibreView.hasLoadedUserLocation = true
|
|
|
|
if previousUserLocation == nil, mapLibreView.options.annotations.isEmpty {
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
|
|
mapView.setCenter(userLocation.coordinate, zoomLevel: self.mapLibreView.options.zoomLevel, animated: true)
|
|
}
|
|
}
|
|
|
|
previousUserLocation = userLocation
|
|
updateGeolocationUncertainty(location: userLocation)
|
|
}
|
|
|
|
func mapView(_ mapView: MLNMapView, didChangeLocationManagerAuthorization manager: MLNLocationManager) {
|
|
switch manager.authorizationStatus {
|
|
case .denied, .restricted:
|
|
mapLibreView.isLocationAuthorized = false
|
|
case .authorizedAlways, .authorizedWhenInUse:
|
|
mapLibreView.isLocationAuthorized = true
|
|
case .notDetermined:
|
|
mapLibreView.isLocationAuthorized = nil
|
|
@unknown default:
|
|
break
|
|
}
|
|
}
|
|
|
|
func mapView(_ mapView: MLNMapView, regionDidChangeAnimated animated: Bool) {
|
|
// Avoid `Publishing changes from within view update` warnings
|
|
DispatchQueue.main.async { [mapLibreView, weak self] in
|
|
let center = mapView.centerCoordinate
|
|
self?.lastReportedCenter = center
|
|
mapLibreView.mapCenterCoordinate = center
|
|
}
|
|
}
|
|
|
|
func mapView(_ mapView: MLNMapView, shouldChangeFrom oldCamera: MLNMapCamera, to newCamera: MLNMapCamera, reason: MLNCameraChangeReason) -> Bool {
|
|
// we send the userDidPan event only for the reasons that actually will change the map center, and not zoom only / rotations only events.
|
|
switch reason {
|
|
case .gesturePan,
|
|
.gesturePinch,
|
|
.gestureRotate:
|
|
mapLibreView.userDidPan?()
|
|
case .gestureOneFingerZoom,
|
|
.gestureTilt,
|
|
.gestureZoomIn,
|
|
.gestureZoomOut,
|
|
.programmatic,
|
|
.resetNorth,
|
|
.transitionCancelled:
|
|
break
|
|
default:
|
|
break
|
|
}
|
|
return true
|
|
}
|
|
|
|
// MARK: Callout
|
|
|
|
func mapView(_ mapView: MLNMapView, annotationCanShowCallout annotation: MLNAnnotation) -> Bool {
|
|
false
|
|
}
|
|
|
|
// MARK: Private
|
|
|
|
private func updateGeolocationUncertainty(location: MLNUserLocation) {
|
|
guard let clLocation = location.location, clLocation.horizontalAccuracy >= 0 else {
|
|
mapLibreView.geolocationUncertainty = nil
|
|
return
|
|
}
|
|
|
|
mapLibreView.geolocationUncertainty = clLocation.horizontalAccuracy
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - MLNMapView convenient methods
|
|
|
|
private extension MapTilerStyle {
|
|
init(_ colorScheme: ColorScheme) {
|
|
switch colorScheme {
|
|
case .light:
|
|
self = .light
|
|
case .dark:
|
|
self = .dark
|
|
@unknown default:
|
|
fatalError()
|
|
}
|
|
}
|
|
}
|