Swiftui Map Leagal Text is transformed when rotationEffect is applied to Map

Question

Created 1d

Replies 1

Boosts 0

Participants 2

I have a problem when applying rotationEffect to a map in in SwiftUI. The legal text in the map is transformed as shown in this image: The following code is part of a much larger and complex view; it is a minimal example to reproduce the error:

import SwiftUI
import MapKit

struct ContentView: View {
    @State private var offset = CGSize.zero

    var body: some View {
        ZStack {
            let drag = DragGesture()
                .onChanged { g in
                    offset.width = g.translation.width
                    offset.height = g.translation.height
                }
            
            Map(interactionModes: [.zoom])
                .frame(width: 320, height: 220)
                .rotationEffect(.degrees(Double(offset.width / 12)))
                .highPriorityGesture(drag)

        }
    }
}

I hope you can help me with this problem.

Boost

Answer 1

DTS Engineer OP

Apple

2h

Thanks for coming with the small and reduced test code above. I'd like to understand how does this drag gesture fit into your bigger picture goal of what you describe as a much more complex view? Does the map need to be interactive, or would a static snapshot of a map be suitable? Does the map have overlays or annotations?

— Ed Ford,  DTS Engineer

0