{"id":3133,"date":"2010-05-05T09:30:17","date_gmt":"2010-05-05T07:30:17","guid":{"rendered":"http:\/\/www.devapp.it\/wordpress\/?p=3133"},"modified":"2010-05-04T17:37:50","modified_gmt":"2010-05-04T15:37:50","slug":"t038-utilizzo-del-mapkit-parte-2-annotation-view-calcolo-della-distanza-e-reverse-geocoding","status":"publish","type":"post","link":"https:\/\/www.devapp.it\/wordpress\/t038-utilizzo-del-mapkit-parte-2-annotation-view-calcolo-della-distanza-e-reverse-geocoding\/","title":{"rendered":"T#038 – Utilizzo del MapKit (parte 2): Annotation view calcolo della distanza e reverse geocoding"},"content":{"rendered":"

Con molto pi\u00f9 ritardo di quello che avevo previsto, ecco la seconda parte del tutorial riguardante il MapKit. Non perdiamoci in convenevoli e veniamo subito al sodo.<\/p>\n

Annotation view con immagine personalizzata<\/h4>\n

Riprendiamo il codice scritto l’altra volta. Eravamo arrivati a creare una annotation view che visualizzava un pin relativo alla sede di Google a Mountain View. Vogliamo ora sostituire il pin con un’immagine personalizzata. Dopo aver scelto quindi l’immagine che pi\u00f9 ci aggrada e averla aggiunta tra le risorse dell’applicazione, possiamo modificare il codice che avevamo scritto nel metodo mapView:viewForAnnotation:<\/em> modificandolo come segue:<\/p>\n

\r\n- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id <MKAnnotation>)annotation {\r\n    if (annotation == mapView.userLocation) {\r\n        return nil;\r\n    }\r\n    MKAnnotationView *annotationView = [[[MKAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@\"Pin\"] autorelease];\r\n    annotationView.image = [UIImage imageNamed:@\"google.png\"];\r\n    annotationView.canShowCallout = YES;\r\n    annotationView.rightCalloutAccessoryView = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];\r\n    return annotationView;\r\n}\r\n<\/pre>\n
Come possiamo notare la sostanziale differenza rispetto al codice scritto precedentemente sta nel fatto che non usiamo pi\u00f9\u00a0MKPinAnnotationView<\/em> ma utilizziamo una classe pi\u00f9 generica (ad essere precisi la superclasse di MKPinAnnotationView<\/em>) che ci permette di utilizzare un’immagine a nostra scelta caricandola dalle risorse dell’applicazione\u00a0(in questo caso google.png<\/em>) al posto del solito pin. Tutto questo lo facciamo con le righe 5 e 6 del precedente codice, mentre tutte le altre istruzioni sono gi\u00e0 state spiegate nel tutorial precedente.<\/a><\/p>\n
<\/p>\n
\"Annotation<\/p>\n
<\/center><\/p>\n
Cacolo della distanza tra due punti e reverse geocoding<\/h4>\n
La prima cosa che dobbiamo effettuare \u00e8 importare il framework che ci permette di effettuare questa operazione. Apriamo quindi il file prefix (in XCode lo trovate nel gruppo Other Sources<\/em>) e modifichiamolo in modo da importare il framework CoreLocation<\/em>. Alle fine il file dovrebbe presentarsi come segue:<\/p>\n
\r\n#ifdef __OBJC__\r\n    #import <Foundation\/Foundation.h>\r\n    #import <UIKit\/UIKit.h>\r\n    #import <CoreLocation\/CoreLocation.h>\r\n    #import <MapKit\/MapKit.h>\r\n#endif\r\n<\/pre>\n
Andiamo ora a creare un nuovo controller (io l’ho chiamato InfoViewController<\/em>) \u00a0che si occuper\u00e0 di gestire la vista che verr\u00e0 visualizzata quando premiamo sul disclosure button dell’immagine precedente.<\/p>\n
Cominciamo subito con l’aprire il file .h<\/em> che editeremo come segue:<\/p>\n
\r\n@interface InfoViewController : UIViewController <MKReverseGeocoderDelegate> {\r\n    CLLocationDistance distance;\r\n    MKReverseGeocoder *reverseGeocoder;\r\n}\r\n\r\n- (id)initWithUserLocation:(CLLocation *)userLocation annotation:(id <MKAnnotation>)annotation;\r\n\r\n@end\r\n<\/pre>\n
Qui abbiamo abbiamo semplicemente aggiunto una variabile di tipo CLLocationDistance<\/em> (che in sostanza \u00e8 un\u00a0double<\/em>) nella quale memorizzeremo la distanza che c’\u00e8 tra l’utente e la locazione selezionata e un metodo init<\/em> che ci permette di passare al controller la posizione dell’utente e l’annotazione su cui vogliamo lavorare. Dichiariamo inoltre un puntatore ad un geocoder e rendiamo la classe conforme al protocollo MKReverseGeocoderDelegate<\/em>. Questo, come vedremo, ci permetter\u00e0 di venire a conoscenza dell’indirizzo della sede di Google.<\/p>\n
Passiamo ora all’implementazione di questa classe. Andiamo perci\u00f2 a scrivere il metodi initWithUserLocation:annotation:<\/em> definito nel file .h<\/em> e ridefinendo la loadView<\/em>.<\/p>\n
\r\n- (id)initWithUserLocation:(CLLocation *)userLocation annotation:(id <MKAnnotation>)annotation {\r\n    self = [super init];\r\n    self.title = annotation.title;\r\n    CLLocation *location = [[CLLocation alloc] initWithLatitude:annotation.coordinate.latitude longitude:annotation.coordinate.longitude];\r\n    distance = [userLocation getDistanceFrom:location];\r\n    reverseGeocoder = [[MKReverseGeocoder alloc] initWithCoordinate:annotation.coordinate];\r\n    reverseGeocoder.delegate = self;\r\n    return self;\r\n}\r\n\r\n- (void)loadView {\r\n    [super loadView];\r\n    UILabel *distanceLabel = [[[UILabel alloc] initWithFrame:CGRectMake(5, 0, 310, 24)] autorelease];\r\n    distanceLabel.text = [NSString stringWithFormat:@\"Distanza in metri: %.0f\", distance];\r\n    [self.view addSubview:distanceLabel];\r\n}\r\n<\/pre>\n
Quello che facciamo nel metodo initWithUserLocation:annotation:<\/em> non \u00e8 altro che il calcolo della distanza tra la posizione dell’utente e le coordinate relative all’annotazione (righe 4 e 5) e di inizializzare il geocoder (righe 6 e 7). Per effettuare la prima operazione ci avvaliamo del metodo getDistanceFrom: <\/em>di CLLocation <\/em>(attenti per\u00f2 che dalla 3.2 il metodo risulta deprecato e quindi al suo posto bisogna invocare\u00a0distanceFromLocation:<\/em>), mentre per inizializzare il geocoder ci basta \u00a0passargli le coordinate di cui vogliamo sapere l’indirizzo e settargli il delegate.<\/p>\n
Nel loadView<\/em> ci limitiamo a visualizzare in label la distanza calcolata.<\/p>\n
Per avviare il geocoding basta semplicemente usare il metodo start<\/em>, lo andiamo quindi ad aggiungere ridefinendo la viewDidLoad<\/em>.<\/p>\n
\r\n- (void)viewDidLoad {\r\n    [reverseGeocoder start];\r\n}\r\n<\/pre>\n
Ora ci manca solo l’implementazione dei metodi per conformarci al protocollo MKReverseGeocoderDelegate<\/em>. Sono solamente due metodi: uno verr\u00e0 chiamato quando il geocoding termina con successo, l’altro quando fallisce.<\/p>\n
\r\n- (void)reverseGeocoder:(MKReverseGeocoder *)geocoder didFindPlacemark:(MKPlacemark *)placemark {\r\n    NSDictionary *addressData = placemark.addressDictionary;\r\n    CGFloat y = 50;\r\n    for (NSString *key in [addressData allKeys]) {\r\n        if ([key compare:@\"FormattedAddressLines\"] != NSOrderedSame) {\r\n            UILabel *newRow = [[[UILabel alloc] initWithFrame:CGRectMake(5, y, 310, 24)] autorelease];\r\n            newRow.text = [NSString stringWithFormat:@\"%@: %@\", key, [addressData objectForKey:key]];\r\n            [self.view addSubview:newRow];\r\n            y += 24;\r\n        }\r\n    }\r\n}\r\n\r\n- (void)reverseGeocoder:(MKReverseGeocoder *)geocoder didFailWithError:(NSError *)error {\r\n\tUILabel *geocoderFail = [[[UILabel alloc] initWithFrame:CGRectMake(5, 50, 310, 24)] autorelease];\r\n\tgeocoderFail.text = @\"Reverse geocoding fallito\";\r\n\t[self.view addSubview:geocoderFail];\r\n}\r\n<\/pre>\n
Nel primo metodo (geocoding terminato con successo) visualizziamo in delle labels tutte le informazioni legate alle coordinate che abbiamo passato al geocoder (indirizzo, citt\u00e0, nazione, …), mentre nel caso fallisca ci limitiamo a visualizzare una label che ci informi di ci\u00f2.<\/p>\n
Ora \u00e8 praticamente tutto pronto per essere visualizzato sul nostro simulatore. Dobbiamo solo ricordarci di modificare un metodo di MapViewController <\/em>in modo che, quando premiamo sul disclosure button utilizziamo il view controller appena creato:<\/p>\n
\r\n- (void)mapView:(MKMapView *)mapView annotationView:(MKAnnotationView *)view calloutAccessoryControlTapped:(UIControl *)control {\r\n    InfoViewController *nextViewController = [[[InfoViewController alloc] initWithUserLocation:mapView.userLocation.location annotation:view.annotation] autorelease];\r\n    [self.navigationController pushViewController:nextViewController animated:YES];\r\n}\r\n<\/pre>\n
Questo il risultato sul simulatore…<\/p>\n
<\/p>\n\n\n
\n\"\"\n<\/td>\n\n\"\"\n<\/td>\n<\/tr>\n<\/table>\n
<\/center><\/p>\n
… e sull’iPod.<\/p>\n
<\/p>\n\n\n
\n\"\"\n<\/td>\n\n\"\"\n<\/td>\n<\/tr>\n<\/table>\n
<\/center><\/p>\n
Come l’altra volta trovate il codice completo su Google code<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Con molto pi\u00f9 ritardo di quello che avevo previsto, ecco la seconda parte del tutorial riguardante il…<\/p>\n","protected":false},"author":181,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[157,193,194,192,155,154,191,215,1],"class_list":["post-3133","post","type-post","status-publish","format-standard","hentry","category-tutorial-pratici","tag-annotation","tag-calcolo","tag-distanza","tag-geocoding","tag-kit","tag-map","tag-mapkit","tag-mappe","tag-tutorial-pratici"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/users\/181"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/comments?post=3133"}],"version-history":[{"count":67,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3133\/revisions"}],"predecessor-version":[{"id":3338,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/posts\/3133\/revisions\/3338"}],"wp:attachment":[{"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/media?parent=3133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/categories?post=3133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devapp.it\/wordpress\/wp-json\/wp\/v2\/tags?post=3133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}