MapKit - Problem bei der Zentrierung der Map

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • MapKit - Problem bei der Zentrierung der Map

    Hallo Zusammen und einen guten Morgen,

    ich hab mir ein Projekt angelacht und versuche eine GeoCaching App in iOS umzusetzen, bisher klappt das auch soweit. Ziel der App ist es diverse Geocaches über eine API abzurufen und diese auf einer Karte darstellen zu lassen. Der Nutzer kann diese dann auswählen und Details sehen.

    Bei der bisherigen Implementierung, bin ich jedoch hier und da auf ein bis zwei Probleme gestoßen.

    1. Ich habe das Problem das ich den aktuellen Standort des Nutzers auf der Karte zwar sehe, jedoch nicht im Zentrum der Map. Sprich wenn ich die App starte zentriert die Map über den Hardgecodeden Ort (hier London) in der region-Variable meines LocationManagers. Wie behebe ich das, oder wo stehe ich hier auf dem Schlauch?

    Quellcode

    1. import MapKit
    2. import CoreLocation
    4. final class LocationManager: NSObject, ObservableObject {
    5. @Published var location: CLLocation?
    6. @Published var region = MKCoordinateRegion(
    7. center: CLLocationCoordinate2D(latitude: 51.508150, longitude: -0.1300),
    8. span: MKCoordinateSpan(latitudeDelta: 0.5, longitudeDelta: 0.5)
    9. )
    10. private var hasSetRegion = false
    11. private let locationManager = CLLocationManager()
    12. override init() {
    13. super.init()
    14. self.locationManager.delegate = self
    15. self.locationManager.desiredAccuracy = kCLLocationAccuracyBest
    16. self.locationManager.distanceFilter = kCLDistanceFilterNone
    17. self.locationManager.requestWhenInUseAuthorization()
    18. self.locationManager.startUpdatingLocation()
    19. }
    20. }
    22. extension LocationManager: CLLocationManagerDelegate {
    23. func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
    24. if let location = locations.last {
    25. self.location = location
    26. print(location)
    27. if !hasSetRegion {
    28. self.region = MKCoordinateRegion(center: location.coordinate,
    29. span: MKCoordinateSpan(latitudeDelta: 0.5, longitudeDelta: 0.5))
    30. print(region)
    31. hasSetRegion = true
    32. }
    33. }
    34. }
    35. }
    Alles anzeigen




    Quellcode

    1. import SwiftUI
    2. import MapKit
    4. struct MapModel: UIViewRepresentable {
    5. @Binding var region: MKCoordinateRegion
    6. var mapType : MKMapType
    7. var userTracking: MKUserTrackingMode
    8. var showsUserLocation: Bool
    9. var annotation: [Annotation]
    10. init(
    11. region: Binding<MKCoordinateRegion>,
    12. mapType: MKMapType,
    13. userTrackingMode: MKUserTrackingMode,
    14. showsUserLocation: Bool = true,
    15. annotation: [Annotation] = [Annotation(title: "test", subtitle: "subtest", coordinate: CLLocationCoordinate2D(latitude: 51.507222, longitude: -0.1275))]
    16. ){
    17. self._region = region
    18. self.mapType = mapType
    19. self.userTracking = userTrackingMode
    20. self.showsUserLocation = showsUserLocation
    21. self.annotation = annotation
    22. }
    23. func makeUIView(context: Context) -> MKMapView {
    24. let mapView = MKMapView()
    25. mapView.setRegion(region, animated: false)
    26. mapView.mapType = mapType
    27. mapView.showsUserLocation = showsUserLocation
    28. mapView.userTrackingMode = userTracking
    29. mapView.delegate = context.coordinator
    30. // Add annotation to the map
    31. for annotation in annotation {
    32. mapView.addAnnotation(annotation)
    33. }
    34. return mapView
    35. }
    36. func updateUIView(_ mapView: MKMapView, context: Context) {
    37. mapView.mapType = mapType
    38. // Update your region so that it is now your new region
    39. mapView.setRegion(region, animated: false)
    40. }
    41. func makeCoordinator() -> Coordinator {
    42. Coordinator(self)
    43. }
    44. class Coordinator: NSObject, MKMapViewDelegate {
    45. var parent: MapModel
    46. init(_ parent: MapModel) {
    47. self.parent = parent
    48. }
    49. func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
    50. guard annotation is MKPointAnnotation else { return nil }
    51. let identifier = "Annotation"
    52. guard let annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: identifier) else {
    53. let annotationView = MKMarkerAnnotationView(annotation: annotation, reuseIdentifier: identifier)
    54. annotationView.canShowCallout = true
    55. return annotationView
    56. }
    57. annotationView.annotation = annotation
    58. return annotationView
    59. }
    60. func mapView(_ mapView: MKMapView, regionDidChangeAnimated animated: Bool) {
    61. DispatchQueue.main.async {
    62. self.parent.region = mapView.region
    63. }
    64. }
    65. }
    66. }
    Alles anzeigen

    Quellcode

    1. import SwiftUI
    2. import MapKit
    5. struct MapView: View {
    6. @Environment(\.managedObjectContext) var viewContext
    7. var cacheAnnotation: [OpenCache]! = []
    8. @State var trackingMode: MKUserTrackingMode = .follow
    9. @ObservedObject private var managerDelegate = LocationManager()
    10. @State private var mapType: MKMapType = .standard
    12. private var apiResponses: () = NetworkManager.shared.getAllCaches { (results) in
    13. switch results {
    14. case .success(let response):
    15. print(response)
    16. break
    17. case .failure(let error):
    18. break
    19. }
    20. }
    21. var body: some View {
    22. VStack {
    23. MapModel(
    24. region: $managerDelegate.region,
    25. mapType: mapType,
    26. userTrackingMode: trackingMode,
    27. showsUserLocation: true
    28. ).edgesIgnoringSafeArea([.top])
    29. Picker("", selection: $mapType) {
    30. Text("Standard").tag(MKMapType.standard)
    31. Text("Satellite").tag(MKMapType.satellite)
    32. Text("Hybrid").tag(MKMapType.hybrid)
    33. }
    34. .pickerStyle(SegmentedPickerStyle())
    35. .opacity(0.5)
    36. Spacer()
    37. }
    38. }
    39. }
    41. struct MapView_Previews: PreviewProvider {
    42. static var previews: some View {
    43. MapView()
    44. }
    45. }
    Alles anzeigen

    2. Das Problem ist komplexer, ich versuche die Caches, aus einer API, in CoreData abzulegen und diese dann später als Annotations auf der Map darstellen zulassen. Jedoch versuche ich hier zu verstehen wo ich die Daten in CoreData abspeicher, mache ich das in meinem API-Request, dort wo die empfangenen JSON-Responses geparst werden?

    Quellcode

    1. ...
    2. URLSession.shared.dataTask(with: url) { data, response, error in
    4. // 1. Überprüfen ob Fehler vorliegt
    5. if error != nil {
    6. completion(.failure(.unableToComplete))
    7. return
    8. }
    10. // 2. Überprüfen ob die Response gültig ist
    11. guard let response = response as? HTTPURLResponse, response.statusCode == 200 else {
    12. completion(.failure(.invalidResponse))
    13. return
    14. }
    15. // 3. Überprüfen ob wir Daten erhalten haben
    16. guard let data = data else {
    17. completion(.failure(.invalidData))
    18. return
    19. }
    21. // Bearbeiten der empfangengen Daten
    22. // Decoder soll JSON-Daten in Swift-Objekte umwandeln
    23. do {
    24. let decoder = JSONDecoder()
    25. decoder.dateDecodingStrategy = .iso8601
    27. let cacheResponse = try decoder.decode(CacheResponseModel.self, from: data)
    28. // do something CoreData tasks here?
    29. completion(.success(cacheResponse))
    30. } catch {
    31. print(error)
    32. completion(.failure(.invalidData))
    33. }
    34. }.resume()
    35. ...
    Alles anzeigen

    Ich habe mein Project mal als zip-Archiv angefügt. Ich habe auch ein Github Repository, würde das aber ungern öffentlich machen.

    Sollte ich die zweite Frage in einem extra Thread packen, wenn ja werde ich das natürlich umgehend machen.

    Vielen Dank für eure Hilfe.
    Und sorry,das das nun doch so viel geworden ist :(

    Grüße
    cnc24
    Dateien

    • CGeo-iOS.zip

      (46,14 kB, 120 mal heruntergeladen, zuletzt: )

  • Die func <fetchLocations> enthält den URLSession.shared.dataTask und gibt einen ResultType als completion zurück. Über den machst du einen switch bei dem call von fetchLocations und im .success case bekommst du CacheResponseModel übergeben. Das mapst du dann so wie du es brauchst auf deine CoreData-Entity und fügst es in CoraData hinzu. Wahrscheinlich wirst du das mit Methoden in deinem PersistenceController für das adden von neuen Locations anlegen.

    Das Mappen der Daten auf den Entity-Typen würde ich nicht direkt im PersistenceController machen. Denn das ist eigentlich eine separate Aufgabe. Ein MapperUseCase würde sich da anbieten.

  • Okay, also muss ich das CacheResponseModel in dem API-Aufruf separat behandeln und kann das nicht in der URLSession.shared.dataTask verarbeiten. Sprich in so einer Funktion muss ich die Responses verarbeiten?

    Quellcode

    1. NetworkManager.shared.getAllCaches { (results) in
    2. switch results {
    3. case .success(let response):
    4. print(response)
    5. break
    6. case .failure(let error):
    7. break
    8. }
    9. }

  • jep, steht genau so in meinem MapView-struct habs als @State Variable gemacht um es später noch ändern zu können.

    Quellcode

    1. @State var trackingMode: MKUserTrackingMode = .follow



    Ich übergebe diese Variable dann meinem MapModel und weise diese Variable in meinem MapModel zu.

    Quellcode

    1. ...
    2. MapModel(
    3. region: $managerDelegate.region,
    4. mapType: mapType,
    5. userTrackingMode: trackingMode,
    6. showsUserLocation: true
    7. ).edgesIgnoringSafeArea([.top])
    8. ...

    Quellcode

    1. @Binding var region: MKCoordinateRegion
    2. var mapType : MKMapType
    3. var userTracking: MKUserTrackingMode
    4. var showsUserLocation: Bool
    5. var annotation: [Annotation]
    8. init(
    9. region: Binding<MKCoordinateRegion>,
    10. mapType: MKMapType,
    11. userTrackingMode: MKUserTrackingMode,
    12. showsUserLocation: Bool = true,
    13. annotation: [Annotation] = [Annotation(title: "test", subtitle: "subtest", coordinate: CLLocationCoordinate2D(latitude: 51.507222, longitude: -0.1275))]
    14. ){
    15. self._region = region
    16. self.mapType = mapType
    17. self.userTracking = userTrackingMode
    18. self.showsUserLocation = showsUserLocation
    19. self.annotation = annotation
    21. }
    Alles anzeigen

  • Hey,

    hast du mal deine didUpdateLocations delegate function im LocationManager gedebugged? So ein manueller hasSetRegion Flag kann oft etwas fehleranfällig sein. Probier doch übergangsweise mal aus, diesen rauszunehmen bzw. das if !hasSetRegion durch true zu ersetzen bzw. dir eben diese Stelle mittels Breakpoint im Debugger anzusehen. Dadurch kannst du das Problem etwas eingrenzen - liegt es an der Datenquelle oder an der View.

    Alternativ kannst du einfach from scratch ein Tutorial nehmen wie dieses hier (codewithchris.com/swiftui/swiftui-corelocation/) und dann schrittweise zu deinem Code transformieren. Auf dem Weg solltest du vermutlich leicht erkennen können, wo sich der Fehler eingeschlichen hat.

    Viel Erfolg & VG

  • okay, vielen Dank. Ich hab die MKUserTracking Mode nun als Binding übergeben, daran lag es aber nicht.

    @322Die didUpdateLocations habe ich nun durch dein genanntes Tutorial ersetzt. Es klappt nun! :thumbup:

    Leider habe ich nun das Problem das die Map als erstes, bevor ein Standort ermittelt wurde, im Blauen startet und dann zum Standort springt, das ist erstmal halb so schlimm, nur nicht schön. Klappt ja bei der hauseigenen App Maps auch, dass dort direkt der Standort angezeigt wird.

    Ein viel nervigeres Problem, was ich jetzt habe ist, ist das alle 5 Sekunden die func updateUIView meines MapModels aufgerufen wird, welche dann die didUpdateLocations aufruft. Dadurch kann der Nutzer sich nicht frei auf der Karte bewegen und springt andauernd zurück zu seinem Standort. Ich wollte ja lediglich das der eigene Standort einmalig geladen wird.

    Ein explizites locationManager.stopUpdatingLocation() in der updateUIView in der MapModel.swift bringt auch kein entsprechendes Ergebnis.

    Ich hab noch mal die Aktualisierten Dateien angehängt.
    Dateien

    • LocationManager.txt

      (1,07 kB, 152 mal heruntergeladen, zuletzt: )

    • MapModel.txt

      (3,3 kB, 101 mal heruntergeladen, zuletzt: )

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von cnc24 ()