iOS Development Swift 2 - Integrazione di mappe

Le mappe sono diventate parte della vita quotidiana di tutti. Sono diventati così utili quando viaggiamo in luoghi o cerchiamo un posto.

Integrazione di mappe e localizzazione di India Gate

Creeremo mappe nella nostra applicazione, che ci mostrerà l'India Gate al centro. Impareremo le mappe implementandole in un progetto. Quindi, crea un'applicazione iOS a visualizzazione singola e chiamala come preferisci.

Aggiunta della visualizzazione del kit mappa

Vai alla libreria degli oggetti e cerca la vista del kit mappa, fai clic su trascina e portalo nella tua vista, allungalo in modo che riempia la vista completa.

Aggiunta di vincoli

Crea una presa per mapViewKit premendo control + trascina per visualizzare il file controller.swift. Potrebbe mostrare un errore in questo momento, ma lo gestiremo. In cima al file, sotto l'importazione UIKIT, aggiungi import MapKit, questo rimuoverà l'errore.

Successivamente, aggiungi MKMapViewDelegate dopo la classe ViewController: UIViewController. Ora, il file dovrebbe apparire come segue:

Ora creeremo Latitudine e Longitudine, Delta, Intervallo, Posizione e Regione per la nostra mappa. Prima di ciò, ti diremo come ottenere latitudine e longitudine di un luogo.

Vai su maps.google.com e cerca una posizione. In alto, vedremo la sua latitudine e longitudine nell'URL. Ad esempio: cerchiamo India Gate.

Impostazione di latitudine e longitudine

Dopo aver ottenuto la latitudine e la longitudine, creeremo delle variabili per loro.

let latitude: CLLocationDegrees = 28.610 
let longitude: CLLocationDegrees = 77.230

Impostazione del delta per latitudine e longitudine

Dopo aver aggiunto latitudine e longitudine, aggiungeremo delta per loro, che è il valore che può verificare la nostra latitudine e longitudine. Dovrebbero essere mantenuti al minimo per più posizioni esatte.

let latDelta: CLLocationDegrees = 0.04 
let lonDelta: CLLocationDegrees = 0.04

Impostazione dell'intervallo, della posizione e della regione per la mappa

Quindi creeremo uno span, una posizione e una regione per la nostra mappa.

let span: MKCoordinateSpan = MKCoordinateSpan(latitudeDelta: latDelta,
longitudeDelta: lonDelta)  
let location: CLLocationCoordinate2D = CLLocationCoordinate2D(latitude:
latitude, longitude: longitude)  
let region: MKCoordinateRegion = MKCoordinateRegion(center: location, span: span)

Impostazione della mappa

Imposteremo la mappa con il seguente comando.

mapView.setRegion(region, animated: true)

La nostra applicazione finale dovrebbe essere simile allo screenshot mostrato di seguito.

Dobbiamo fare in modo che la nostra posizione impostata sia esattamente al centro della nostra applicazione. Questo è tutto ciò che faremo con le mappe in questo momento.