1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
#import "AnnotationViewExample.h"
@import Mapbox;
NSString *const MBXExampleAnnotationView = @"AnnotationViewExample";
// MGLAnnotationView subclass
@interface CustomAnnotationView : MGLAnnotationView
@end
@implementation CustomAnnotationView
- (void)layoutSubviews {
[super layoutSubviews];
// Force the annotation view to maintain a constant size when the map is tilted.
self.scalesWithViewingDistance = false;
// Use CALayer’s corner radius to turn this view into a circle.
self.layer.cornerRadius = self.frame.size.width / 2;
self.layer.borderWidth = 2;
self.layer.borderColor = [UIColor whiteColor].CGColor;
}
- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
[super setSelected:selected animated:animated];
// Animate the border width in/out, creating an iris effect.
CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"borderWidth"];
animation.duration = 0.1;
self.layer.borderWidth = selected ? self.frame.size.width / 4 : 2;
[self.layer addAnimation:animation forKey:@"borderWidth"];
}
@end
//
// Example view controller
@interface AnnotationViewExample () <MGLMapViewDelegate>
@end
@implementation AnnotationViewExample
- (void)viewDidLoad {
[super viewDidLoad];
MGLMapView *mapView = [[MGLMapView alloc] initWithFrame:self.view.bounds];
mapView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
mapView.styleURL = [MGLStyle darkStyleURLWithVersion:9];
mapView.tintColor = [UIColor lightGrayColor];
mapView.centerCoordinate = CLLocationCoordinate2DMake(0, 66);
mapView.zoomLevel = 2;
mapView.delegate = self;
[self.view addSubview:mapView];
// Specify coordinates for our annotations.
CLLocationCoordinate2D coordinates[] = {
CLLocationCoordinate2DMake(0, 33),
CLLocationCoordinate2DMake(0, 66),
CLLocationCoordinate2DMake(0, 99),
};
NSUInteger numberOfCoordinates = sizeof(coordinates) / sizeof(CLLocationCoordinate2D);
// Fill an array with point annotations and add it to the map.
NSMutableArray *pointAnnotations = [NSMutableArray arrayWithCapacity:numberOfCoordinates];
for (NSUInteger i = 0; i < numberOfCoordinates; i++) {
CLLocationCoordinate2D coordinate = coordinates[i];
MGLPointAnnotation *point = [[MGLPointAnnotation alloc] init];
point.coordinate = coordinate;
point.title = [NSString stringWithFormat:@"%.f, %.f", coordinate.latitude, coordinate.longitude];
[pointAnnotations addObject:point];
}
[mapView addAnnotations:pointAnnotations];
}
#pragma mark - MGLMapViewDelegate methods
// This delegate method is where you tell the map to load a view for a specific annotation. To load a static MGLAnnotationImage, you would use `-mapView:imageForAnnotation:`.
- (MGLAnnotationView *)mapView:(MGLMapView *)mapView viewForAnnotation:(id <MGLAnnotation>)annotation {
// This example is only concerned with point annotations.
if (![annotation isKindOfClass:[MGLPointAnnotation class]]) {
return nil;
}
// Use the point annotation’s longitude value (as a string) as the reuse identifier for its view.
NSString *reuseIdentifier = [NSString stringWithFormat:@"%f", annotation.coordinate.longitude];
// For better performance, always try to reuse existing annotations.
CustomAnnotationView *annotationView = [mapView dequeueReusableAnnotationViewWithIdentifier:reuseIdentifier];
// If there’s no reusable annotation view available, initialize a new one.
if (!annotationView) {
annotationView = [[CustomAnnotationView alloc] initWithReuseIdentifier:reuseIdentifier];
annotationView.frame = CGRectMake(0, 0, 40, 40);
// Set the annotation view’s background color to a value determined by its longitude.
CGFloat hue = (CGFloat)annotation.coordinate.longitude / 100;
annotationView.backgroundColor = [UIColor colorWithHue:hue saturation:0.5 brightness:1 alpha:1];
}
return annotationView;
}
- (BOOL)mapView:(MGLMapView *)mapView annotationCanShowCallout:(id<MGLAnnotation>)annotation {
return YES;
}
@end
|