SwiftUI: Map
Map elemanını kullanarak uygulamanıza harita görüntüleri ekleyin!
Herkese merhaba! Bu yazımızda, uygulamanıza Map elemanını kullanarak Apple Maps tasarımında haritalar eklemeyi göstereceğim.
MapKit hakkında daha fazla bilgi veya UIKit ile yazılmış örnekler için burayı ziyaret edebilirsiniz.
Öncelikle bir iOS uygulaması oluşturalım. İsim olarak “Map”i kullanabilirsiniz.
Sonra, uygulamamızda kullanacağımız MapKit‘i “import” edelim.
import SwiftUI
import MapKitMap elemanını uygulamamıza eklemek için gereken sadece bir adım kaldı. Bu da haritanın nereyi göstereceğini seçmek.
Bunu yapabilmek için bir MKCoordinateRegion oluşturmamız gerekiyor. Londra şehrini görüntülemek için aşağıdaki değerleri kullanabiliriz.
@State private var region = MKCoordinateRegion(center: CLLocationCoordinate2D(latitude: 51.507222, longitude: -0.1275), span: MKCoordinateSpan(latitudeDelta: 0.5, longitudeDelta: 0.5))Burada latitude ve longitude değerleri konumu gösterirken latitudeDelta ve longitudeDelta değerleri görüntünün ne kadar geniş olacağını gösteriyor.
Artık Map elemanını uygulamaya ekleyebiliriz.
Map(coordinateRegion: $region)
region değişkenini @State olarak deklare etmemizin sebebi, kullanıcının haritayı kaydırdıkça bu değişkenin güncellenecek olması.
Eğer alanın değiştirilebilmesini istemiyorsanız, Map'i aşağıdaki gibi de kullanabilirsiniz:
Map(coordinateRegion: .constant(MKCoordinateRegion(center: CLLocationCoordinate2D(latitude: 51.507222, longitude: -0.1275), span: MKCoordinateSpan(latitudeDelta: 0.5, longitudeDelta: 0.5))), interactionModes: [])Bu şekilde görünümde hiç bir fark olmayacak. Ancak, interactionModes parametresinde hiç bir etkileşim yöntemi tanımadığımız için haritanın konumu değiştirilemeyecek.
Map(coordinateRegion: $region, interactionModes: [.zoom])Bu şekilde kullanıldığında ise kullanıcı haritanın konumunu yine değiştiremeyecek. Ancak, bu konuma uzak veya yakından bakabilecek.
Bu şekilde uygulamanıza harita görüntüleri ekleyebilirsiniz. Bir sonraki yazıda görüşmek üzere! 👋
