Аннотация iPhone MkmapView Clustering
-
22-10-2019 - |
Вопрос
У меня есть довольно много булавок, чтобы надеть на свою карту, поэтому я думаю, что было бы неплохо разгрузить эти аннотации. Я не совсем уверен, как добиться этого на iPhone, я смог что -то разобраться с картами Google и некоторыми примерами JavaScript. Но iPhone использует свой MKMapView, и я понятия не имею, как кластерные аннотации там.
Есть идеи или структуры, которые вы знаете и хороши? Спасибо.
Решение
Поскольку это очень распространенная проблема, и мне нужно было решение, которое я написал пользовательский подкласс Mkmapview, который поддерживает кластеризацию. Затем я сделал это доступным с открытым исходным кодом! Вы можете получить его здесь: https://github.com/yinkou/ocmapview.
Он управляет кластеризацией аннотаций, и вы можете обрабатывать их взгляды самостоятельно. Вам не нужно ничего делать, кроме как копировать OCMapView
папка для вашего проекта, создайте MKMapView
в вашем печке и установите свой класс на OCMapView
. Анкет (Или создать и делегировать его в коде, как обычный MKMapView
)
Другие советы
Вам не обязательно использовать стороннюю структуру, потому что, поскольку iOS 4.2 Mkmapview имеет метод под названием - (NSSet *)annotationsInMapRect:(MKMapRect)mapRect
который вы можете использовать, чтобы сделать свою кластеризацию.
Проверьте видео сеанса WWDC11 'Визуализация информации географически с помощью Mapkit' Примерно на полпути через это объясняет, как это сделать. Но я суммирую для вас концепцию:
- Используйте две карты (Вторая карта никогда не добавляется в иерархию просмотра)
- Вторая карта содержит все аннотации (Опять же, это никогда не нарисовано)
- Разделить зону карты на сетку квадратов
- Использовать
-annotationsInMapRect
Метод получения данных аннотации с невидимой карты - Видимая карта создает свои аннотации из этих данных с невидимой карты
К счастью, вам больше не нужны сторонние рамки. iOS 11 имеет носительную поддержку кластеризации.
Вам нужно реализовать mapView:clusterAnnotationForMemberAnnotations:
метод
Получите более подробную информацию в примере Apple: https://developer.apple.com/sample-code/wwdc/2017/mapkit-sample.zip
Используя демо -код 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 : Добавьте ниже методы кластеризации, в этом фотоунотии является пользовательская аннотация.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's old container's coordinate, to its actual coordinate
CLLocationCoordinate2D actualCoordinate = annotation.coordinate;
CLLocationCoordinate2D containerCoordinate = annotation.clusterAnnotation.coordinate;
// since it's 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 Пример кода здесь. Пожалуйста, дайте мне знать, если у вас есть какие -либо сомнения в этом.
Вы смотрели AdClusterMapview? https://github.com/applidium/adclustermapview
Это делает именно это.
Я просто хотел кластеризировать булавки, просто показывая его номер. Следующийhttps://www.cocoacontrols.com/controls/qtree-objc Подходит мои ожидания.
Недавно я отбросил AdclusterMapview, упомянутый в другом ответе, и решил много, если не все, из проблем, связанных с проектом. Это алгоритм KD-Tree и анимирует кластеризацию.
Он доступен с открытым исходным кодом здесь https://github.com/ashare80/tsclustermapview
Попробуйте этот фреймворк (xmapview.framework); Теперь он поддерживает iOS 8.
Эта структура не нуждается в том, чтобы вы изменили свою текущую структуру проекта, и она может быть непосредственно использовать для вашего MKMapView. Есть zip -файл. Это дает вам пример для кластера 200 штифтов одновременно. После того, как я проверил его на iPod, я обнаружил, что он очень гладкий.
http://www.xuliu.info/xmapview.html
Эта библиотека поддерживает:
- Кластеризация различных категорий
- кластеризация всех категорий
- Настройка собственного радиуса кластера и так далее
- Скрыть или показывать определенные категории
- индивидуально ручка и управляйте каждым выводом в карте
Здесь есть довольно крутая и хорошо поддерживаемая библиотека как для объектива, так и для Swift: https://github.com/bigfish24/abfrealmmapview
Он действительно хорошо кластеризируется, а также обрабатывает большое количество очков из -за своей интеграции с Область.