Клавиатура аннотаций iPhone MKMapView
У меня довольно много контактов, чтобы надеть мою карту, поэтому я думаю, что было бы неплохо объединить эти аннотации. Я не уверен, как это сделать на iPhone, я смог что-то с помощью Google Maps и некоторыми примерами JavaScript. Но iPhone использует его mkmapview, и я понятия не имею, как класть аннотации там.
Любые идеи или рамки, которые вы знаете и которые хороши? Спасибо.
Ответы
Ответ 1
Поскольку это очень распространенная проблема, и мне нужно решение, я написал собственный подкласс MKMapView, который поддерживает кластеризацию. Тогда я сделал его доступным с открытым исходным кодом! Вы можете получить его здесь: https://github.com/yinkou/OCMapView.
Он управляет кластеризацией аннотаций, и вы можете самостоятельно обрабатывать свои представления.
Вам не нужно ничего делать, кроме как скопировать папку OCMapView
в ваш проект, создать MKMapView
в своем nib и установить его класс в OCMapView
. (Или создать и делегировать его в коде, как обычный MKMapView
)
Ответ 2
Вам необязательно использовать стороннюю структуру, потому что с iOS 4.2 у MKMapView есть метод под названием - (NSSet *)annotationsInMapRect:(MKMapRect)mapRect
, который вы можете использовать для кластеризации.
Просмотрите видеоролик сессии WWDC11 Визуализация информации географически с помощью MapKit. Около половины пути объясняет, как это сделать. Но я обобщу концепцию для вас:
- Используйте две карты (вторая карта никогда не добавляется в иерархию представлений)
- Вторая карта содержит все аннотации (опять же, она никогда не рисовалась)
- Разделить область карты на сетку квадратов.
- Используйте метод
-annotationsInMapRect
для получения данных аннотации из
невидимая карта
- Видимая карта строит свои аннотации из этих данных с невидимой карты
![enter image description here]()
Ответ 3
Используя демонстрационный код Apple, легко реализовать концепцию кластеризации в нашем коде. Ссылка ссылки
Просто мы можем использовать следующий код для кластеризации
Шаги по реализации кластеризации
Шаг 1:. Важно отметить, что для кластеризации мы используем два вида mapview (allAnnotationsMapView), один для справки (allAnnotationsMapView).
@property (nonatomic, strong) MKMapView *allAnnotationsMapView;
@property (nonatomic, strong) IBOutlet MKMapView *mapView;
В viewDidLoad
_allAnnotationsMapView = [[MKMapView alloc] initWithFrame:CGRectZero];
Шаг 2: Добавьте все аннотации в _allAnnotationsMapView, ниже _photos - это аннотационный массив.
[_allAnnotationsMapView addAnnotations:_photos];
[self updateVisibleAnnotations];
Шаг 3: Добавьте ниже методы кластеризации, в этой PhotoAnnotation есть пользовательская аннотация.
Методы MapViewDelegate
- (void)mapView:(MKMapView *)aMapView regionDidChangeAnimated:(BOOL)animated {
[self updateVisibleAnnotations];
}
- (void)mapView:(MKMapView *)aMapView didAddAnnotationViews:(NSArray *)views {
for (MKAnnotationView *annotationView in views) {
if (![annotationView.annotation isKindOfClass:[PhotoAnnotation class]]) {
continue;
}
PhotoAnnotation *annotation = (PhotoAnnotation *)annotationView.annotation;
if (annotation.clusterAnnotation != nil) {
// animate the annotation from it old container coordinate, to its actual coordinate
CLLocationCoordinate2D actualCoordinate = annotation.coordinate;
CLLocationCoordinate2D containerCoordinate = annotation.clusterAnnotation.coordinate;
// since it displayed on the map, it is no longer contained by another annotation,
// (We couldn't reset this in -updateVisibleAnnotations because we needed the reference to it here
// to get the containerCoordinate)
annotation.clusterAnnotation = nil;
annotation.coordinate = containerCoordinate;
[UIView animateWithDuration:0.3 animations:^{
annotation.coordinate = actualCoordinate;
}];
}
}
}
кластеризация Методы обработки
- (id<MKAnnotation>)annotationInGrid:(MKMapRect)gridMapRect usingAnnotations:(NSSet *)annotations {
// first, see if one of the annotations we were already showing is in this mapRect
NSSet *visibleAnnotationsInBucket = [self.mapView annotationsInMapRect:gridMapRect];
NSSet *annotationsForGridSet = [annotations objectsPassingTest:^BOOL(id obj, BOOL *stop) {
BOOL returnValue = ([visibleAnnotationsInBucket containsObject:obj]);
if (returnValue)
{
*stop = YES;
}
return returnValue;
}];
if (annotationsForGridSet.count != 0) {
return [annotationsForGridSet anyObject];
}
// otherwise, sort the annotations based on their distance from the center of the grid square,
// then choose the one closest to the center to show
MKMapPoint centerMapPoint = MKMapPointMake(MKMapRectGetMidX(gridMapRect), MKMapRectGetMidY(gridMapRect));
NSArray *sortedAnnotations = [[annotations allObjects] sortedArrayUsingComparator:^(id obj1, id obj2) {
MKMapPoint mapPoint1 = MKMapPointForCoordinate(((id<MKAnnotation>)obj1).coordinate);
MKMapPoint mapPoint2 = MKMapPointForCoordinate(((id<MKAnnotation>)obj2).coordinate);
CLLocationDistance distance1 = MKMetersBetweenMapPoints(mapPoint1, centerMapPoint);
CLLocationDistance distance2 = MKMetersBetweenMapPoints(mapPoint2, centerMapPoint);
if (distance1 < distance2) {
return NSOrderedAscending;
} else if (distance1 > distance2) {
return NSOrderedDescending;
}
return NSOrderedSame;
}];
PhotoAnnotation *photoAnn = sortedAnnotations[0];
NSLog(@"lat long %f %f", photoAnn.coordinate.latitude, photoAnn.coordinate.longitude);
return sortedAnnotations[0];
}
- (void)updateVisibleAnnotations {
// This value to controls the number of off screen annotations are displayed.
// A bigger number means more annotations, less chance of seeing annotation views pop in but decreased performance.
// A smaller number means fewer annotations, more chance of seeing annotation views pop in but better performance.
static float marginFactor = 2.0;
// Adjust this roughly based on the dimensions of your annotations views.
// Bigger numbers more aggressively coalesce annotations (fewer annotations displayed but better performance).
// Numbers too small result in overlapping annotations views and too many annotations on screen.
static float bucketSize = 60.0;
// find all the annotations in the visible area + a wide margin to avoid popping annotation views in and out while panning the map.
MKMapRect visibleMapRect = [self.mapView visibleMapRect];
MKMapRect adjustedVisibleMapRect = MKMapRectInset(visibleMapRect, -marginFactor * visibleMapRect.size.width, -marginFactor * visibleMapRect.size.height);
// determine how wide each bucket will be, as a MKMapRect square
CLLocationCoordinate2D leftCoordinate = [self.mapView convertPoint:CGPointZero toCoordinateFromView:self.view];
CLLocationCoordinate2D rightCoordinate = [self.mapView convertPoint:CGPointMake(bucketSize, 0) toCoordinateFromView:self.view];
double gridSize = MKMapPointForCoordinate(rightCoordinate).x - MKMapPointForCoordinate(leftCoordinate).x;
MKMapRect gridMapRect = MKMapRectMake(0, 0, gridSize, gridSize);
// condense annotations, with a padding of two squares, around the visibleMapRect
double startX = floor(MKMapRectGetMinX(adjustedVisibleMapRect) / gridSize) * gridSize;
double startY = floor(MKMapRectGetMinY(adjustedVisibleMapRect) / gridSize) * gridSize;
double endX = floor(MKMapRectGetMaxX(adjustedVisibleMapRect) / gridSize) * gridSize;
double endY = floor(MKMapRectGetMaxY(adjustedVisibleMapRect) / gridSize) * gridSize;
// for each square in our grid, pick one annotation to show
gridMapRect.origin.y = startY;
while (MKMapRectGetMinY(gridMapRect) <= endY) {
gridMapRect.origin.x = startX;
while (MKMapRectGetMinX(gridMapRect) <= endX) {
NSSet *allAnnotationsInBucket = [self.allAnnotationsMapView annotationsInMapRect:gridMapRect];
NSSet *visibleAnnotationsInBucket = [self.mapView annotationsInMapRect:gridMapRect];
// we only care about PhotoAnnotations
NSMutableSet *filteredAnnotationsInBucket = [[allAnnotationsInBucket objectsPassingTest:^BOOL(id obj, BOOL *stop) {
return ([obj isKindOfClass:[PhotoAnnotation class]]);
}] mutableCopy];
if (filteredAnnotationsInBucket.count > 0) {
PhotoAnnotation *annotationForGrid = (PhotoAnnotation *)[self annotationInGrid:gridMapRect usingAnnotations:filteredAnnotationsInBucket];
[filteredAnnotationsInBucket removeObject:annotationForGrid];
// give the annotationForGrid a reference to all the annotations it will represent
annotationForGrid.containedAnnotations = [filteredAnnotationsInBucket allObjects];
[self.mapView addAnnotation:annotationForGrid];
for (PhotoAnnotation *annotation in filteredAnnotationsInBucket) {
// give all the other annotations a reference to the one which is representing them
annotation.clusterAnnotation = annotationForGrid;
annotation.containedAnnotations = nil;
// remove annotations which we've decided to cluster
if ([visibleAnnotationsInBucket containsObject:annotation]) {
CLLocationCoordinate2D actualCoordinate = annotation.coordinate;
[UIView animateWithDuration:0.3 animations:^{
annotation.coordinate = annotation.clusterAnnotation.coordinate;
} completion:^(BOOL finished) {
annotation.coordinate = actualCoordinate;
[self.mapView removeAnnotation:annotation];
}];
}
}
}
gridMapRect.origin.x += gridSize;
}
gridMapRect.origin.y += gridSize;
}
}
Следуя приведенным выше шагам, мы можем добиться кластеризации на mapview, нет необходимости использовать какой-либо сторонний код или фреймворк. Пожалуйста, ознакомьтесь с образцом Apple. Пожалуйста, дайте мне знать, если у вас есть какие-либо сомнения по этому поводу.
Ответ 4
К счастью, вам больше не нужна сторонняя структура. iOS 11 имеет встроенную поддержку кластеризации.
Вам необходимо реализовать метод mapView:clusterAnnotationForMemberAnnotations:
.
Получить более подробную информацию в примере Apple: https://developer.apple.com/sample-code/wwdc/2017/MapKit-Sample.zip
Ответ 5
Вы посмотрели на ADClusterMapView? https://github.com/applidium/ADClusterMapView
Он делает именно это.
Ответ 6
Я просто хотел сгруппировать булавки, просто показывая его номер. Следующий
https://www.cocoacontrols.com/controls/qtree-objc соответствует моим ожиданиям.
Ответ 7
Недавно я отключил ADClusterMapView, упомянутый в другом ответе, и разрешил многие, если не все, проблемы, связанные с проектом. Это алгоритм kd-tree и оживляет кластеризацию.
Он доступен с открытым исходным кодом здесь https://github.com/ashare80/TSClusterMapView
Ответ 8
Попробуйте эту структуру (XMapView.framework); теперь он поддерживает iOS 8.
В этой структуре вам не нужно менять текущую структуру проекта, и ее можно напрямую использовать для вашего MKMapView. Существует zip файл. Он дает вам пример для кластера 200 контактов одновременно. После того, как я протестировал его в iPod, я обнаружил, что он очень плавный.
http://www.xuliu.info/xMapView.html
Эта библиотека поддерживает:
- группирование различных категорий
- группировка всех категорий
- настройка собственного радиуса кластера и т.д.
- скрывать или показывать определенные категории
- индивидуально обрабатывать и контролировать каждый вывод на карте.
Ответ 9
Существует довольно классная и хорошо сохранившаяся библиотека для Objective-C и Swift здесь: https://github.com/bigfish24/ABFRealmMapView
Он действительно хорошо кластеризуется и также обрабатывает большое количество точек из-за его интеграции с Realm.