Как отобразить изображение на MKOverlayView? - PullRequest
15 голосов
/ 08 октября 2010

ОБНОВЛЕНИЕ:

Изображения, которые проецируются на MKMapView с использованием MKOverlayView, используют проекцию Mercator , тогда как изображение, которое я использую в качестве входных данных, использует проекцию WGS84. Есть ли способ преобразовать входное изображение в правую проекцию WGS84 -> Mercator, не разбивая изображение на части и можно ли это сделать на лету?

Обычно вы можете преобразовать изображение в правильную проекцию, используя программу gdal2tiles . Однако входные данные меняются каждые пятнадцать минут, поэтому изображение необходимо преобразовывать каждые пятнадцать минут. Таким образом, преобразование должно быть сделано на лету. Я также хочу, чтобы мозаика выполнялась Mapkit, а не я сам, используя gdal2tiles или GDAL framework.

ОБНОВЛЕНИЕ КОНЕЦ

В настоящее время я работаю над проектом, который отображает радар дождя в некоторой части мира. Радарное изображение предоставлено EUMETSAT, они предлагают файл KML, который можно загрузить в Google Earth или Google Maps. Если я загружаю KML-файл в Google Maps, он отображается идеально, но если я рисую изображение с помощью MKOverlayView на MKMapView, изображение слегка увеличивается.

Например, с левой стороны, Google Maps и с правой стороны то же изображение отображается в MKMapView.

alt text

alt text

Поверхность, которую покрывает изображение, можно просматривать на Google Maps , спутник, который используется для изображения, - это спутник "Meteosat 0 Degree".

Поверхность, которую покрывают оба изображения, имеет одинаковый размер, это LatLonBox из файла KML, он указывает, где выровнены верхняя, нижняя, правая и левая стороны ограничительной рамки для наземного наложения.

  <LatLonBox id="GE_MET0D_VP-MPE-latlonbox">
        <north>57.4922</north>
        <south>-57.4922</south>
        <east>57.4922</east>
        <west>-57.4922</west>
        <rotation>0</rotation>
  </LatLonBox>

Я создаю новый пользовательский объект MKOverlay с именем RadarOverlay с этими параметрами,

[[RadarOverlay alloc] initWithImageData:[[self.currentRadarData objectAtIndex:0] valueForKey:@"Image"] withLowerLeftCoordinate:CLLocationCoordinate2DMake(-57.4922, -57.4922) withUpperRightCoordinate:CLLocationCoordinate2DMake(57.4922, 57.4922)];

Реализация пользовательского объекта MKOverlay; RadarOverlay

- (id) initWithImageData:(NSData*) imageData withLowerLeftCoordinate:(CLLocationCoordinate2D)lowerLeftCoordinate withUpperRightCoordinate:(CLLocationCoordinate2D)upperRightCoordinate
{
     self.radarData = imageData;

     MKMapPoint lowerLeft = MKMapPointForCoordinate(lowerLeftCoordinate);
     MKMapPoint upperRight = MKMapPointForCoordinate(upperRightCoordinate);

     mapRect = MKMapRectMake(lowerLeft.x, upperRight.y, upperRight.x - lowerLeft.x, lowerLeft.y - upperRight.y);

     return self;
}

- (CLLocationCoordinate2D)coordinate
{
     return MKCoordinateForMapPoint(MKMapPointMake(MKMapRectGetMidX(mapRect), MKMapRectGetMidY(mapRect)));
}

- (MKMapRect)boundingMapRect
{
     return mapRect;
}

Реализация пользовательского MKOverlayView, RadarOverlayView

- (void)drawMapRect:(MKMapRect)mapRect zoomScale:(MKZoomScale)zoomScale inContext:(CGContextRef)context
{
    RadarOverlay* radarOverlay = (RadarOverlay*) self.overlay;

    UIImage *image          = [[UIImage alloc] initWithData:radarOverlay.radarData];

    CGImageRef imageReference = image.CGImage;

    MKMapRect theMapRect    = [self.overlay boundingMapRect];
   CGRect theRect           = [self rectForMapRect:theMapRect];
    CGRect clipRect     = [self rectForMapRect:mapRect];

    NSUserDefaults *preferences = [NSUserDefaults standardUserDefaults];
    CGContextSetAlpha(context, [preferences floatForKey:@"RadarTransparency"]);

    CGContextAddRect(context, clipRect);
    CGContextClip(context);

    CGContextDrawImage(context, theRect, imageReference);

    [image release]; 
}

Когда я загружаю изображение, я переворачиваю изображение, чтобы его можно было легко нарисовать в MKOverlayView

size_t width    = (CGImageGetWidth(imageReference) / self.scaleFactor);
size_t height   = (CGImageGetHeight(imageReference) / self.scaleFactor);

// Calculate colorspace for the specified image
CGColorSpaceRef imageColorSpace = CGImageGetColorSpace(imageReference);

// Allocate and clear memory for the data of the image
unsigned char *imageData = (unsigned char*) malloc(height * width * 4);
memset(imageData, 0, height * width * 4);

// Define the rect for the image
CGRect imageRect;
if(image.imageOrientation==UIImageOrientationUp || image.imageOrientation==UIImageOrientationDown) 
    imageRect = CGRectMake(0, 0, width, height); 
else 
    imageRect = CGRectMake(0, 0, height, width); 

// Create the imagecontext by defining the colorspace and the address of the location to store the data
CGContextRef imageContext = CGBitmapContextCreate(imageData, width, height, 8, width * 4, imageColorSpace, kCGImageAlphaPremultipliedLast);

CGContextSaveGState(imageContext);

// Scale the image to the opposite orientation so it can be easylier drawn with CGContectDrawImage
CGContextTranslateCTM(imageContext, 0, height);
CGContextScaleCTM(imageContext, 1.0, -1.0);

if(image.imageOrientation==UIImageOrientationLeft) 
{
    CGContextRotateCTM(imageContext, M_PI / 2);
    CGContextTranslateCTM(imageContext, 0, -width);
}
else if(image.imageOrientation==UIImageOrientationRight) 
{
    CGContextRotateCTM(imageContext, - M_PI / 2);
    CGContextTranslateCTM(imageContext, -height, 0);
} 
else if(image.imageOrientation==UIImageOrientationDown) 
{
    CGContextTranslateCTM(imageContext, width, height);
    CGContextRotateCTM(imageContext, M_PI);
}

// Draw the image in the context
CGContextDrawImage(imageContext, imageRect, imageReference);
CGContextRestoreGState(imageContext);

После того, как я перевернул изображение, я манипулирую им и сохраняю в памяти как объект NSData.

Похоже, что изображение растянуто, но оно выглядит хорошо в центре изображения, который находится на экваторе.

Ответы [ 6 ]

5 голосов
/ 09 ноября 2010

Вы уже видели «Сессию 127 - Настройка карт с наложениями» из видеороликов WWDC 2010?Один из примеров берет данные о землетрясениях, которые дают риск землетрясения для областей 0,5 на 0,5 градуса и отображают их.Ваши радарные данные выглядят аналогично, основанные на квадратах.В примере кода есть полное приложение под названием HazardMaps, которое берет эти данные и создает наложение, используя MKMapPoints.Если вы еще не видели это видео, я думаю, оно даст вам много полезной информации.Он также говорит о преобразовании в проекцию Меркатора.

Еще одна вещь, которую необходимо проверить, - это то, в какой системе координат (данных) находятся данные из EUMETSAT. Карты Google используют систему под названием WGS-84 ,который является общим стандартом.Но есть много других стандартов, которые могут дать более точные позиции в разных частях света.Если вы используете широту и долготу из другого стандарта в Картах Google, все ваши очки будут отклонены на определенную сумму.Смещение не согласовано, оно меняется при перемещении по карте.Вполне возможно, что Карты Google хорошо разбираются в данных и конвертируются в WGS-84 на лету.

Более подробную информацию вы можете узнать, посмотрев на KML.Я посмотрел, но не смог найти окончательный KML с прямоугольниками.Возможно, он дает информацию о том, какую систему координат он использует в метаданных.

1 голос
/ 21 января 2011

Данные WGS-84 используют проекцию UTM, MKMapView использует mercator.Вы используете разные методы для отображения 3D-объекта на 2D-поверхности, поэтому он не дает одинаковых результатов.

Вам нужно будет перейти в GDAL и переместить поступающее изображение в другую проекцию.Дайте мне знать, если вы поняли это, потому что это не просто

1 голос
/ 12 ноября 2010

Я предполагаю, что Google Maps растягивает изображение нелинейно, чтобы компенсировать проекцию карты, а ваш код / ​​код Apple - нет.

Одним из возможных решений было бы разделение наложенного изображения на меньшие прямоугольники и вызов MKMapPointForCoordinate () отдельно для каждого прямоугольника. Тогда данные будут намного ближе к правильности.

1 голос
/ 04 ноября 2010

Я не уверен, повлияет ли это на проблему масштабирования, но в вашем коде OverlayView вы рисуете все изображение для каждого maptile.

Вы пробовали рисовать только часть изображения, которая видна в mapRect?

Когда у меня возникли проблемы с MKOverlayViews, мне было полезно нарисовать прямоугольник оверлея (self.overlay.boundingRect) и mapRect (переданный в drawMapRect). Хотя я не уверен, поможет ли рисование mapRect в вашей ситуации.

Во всяком случае, вот функция, которую я использую для рисования прямоугольника на случай, если вы хотите попробовать его

-(void)drawRect:(MKMapRect)rect inContext:(CGContextRef)context withLineWidth:(float)lineWidth andColor:(CGColorRef)color
{

    double maxx = MKMapRectGetMaxX(rect);
    double minx = MKMapRectGetMinX(rect);
    double maxy = MKMapRectGetMaxY(rect);
    double miny = MKMapRectGetMinY(rect);

    CGPoint tr = [self pointForMapPoint:(MKMapPoint) {maxx, maxy}];
    CGPoint br = [self pointForMapPoint:(MKMapPoint) {maxx, miny}];
    CGPoint bl = [self pointForMapPoint:(MKMapPoint) {minx, miny}];
    CGPoint tl = [self pointForMapPoint:(MKMapPoint) {minx, maxy}];

    CGMutablePathRef cgPath = CGPathCreateMutable();
    CGPathMoveToPoint(cgPath, NULL, tr.x, tr.y);
    CGPathAddLineToPoint(cgPath, NULL, br.x, br.y);
    CGPathAddLineToPoint(cgPath, NULL, bl.x, bl.y);
    CGPathAddLineToPoint(cgPath, NULL, tl.x, tl.y);
    CGPathAddLineToPoint(cgPath, NULL, tr.x, tr.y); 

    CGContextSaveGState(context);
    CGContextAddPath(context, cgPath);
    CGContextSetStrokeColorWithColor(context, color);
    CGContextSetLineJoin(context, kCGLineJoinRound);
    CGContextSetLineCap(context, kCGLineCapRound);
    CGContextSetLineWidth(context, lineWidth);
    CGContextStrokePath(context);
    CGPathRelease(cgPath);  
    CGContextRestoreGState(context);
}
0 голосов
/ 17 октября 2010

Apple имеет пример приложения из WWDC, которое анализирует KML и отображает его на карте. Если вы платный разработчик, вы можете получить к нему доступ со страницы WWDC в iTunes . Я рекомендую использовать их парсер.

0 голосов
/ 12 октября 2010

Ваше изображение / наложение, скорее всего, больше не пропорционально (то есть растянуто).Я видел подобные вещи в своем собственном приложении, где центр обзора правильный, но когда вы уходите от экватора к любому полюсу (вверху и внизу экрана), карта / наложение все больше искажаются.

Вы явно масштабируете свое изображение с помощью scaleFactor.Я бы взглянул на это для начала.

size_t width    = (CGImageGetWidth(imageReference) / self.scaleFactor);
size_t height   = (CGImageGetHeight(imageReference) / self.scaleFactor);

Еще один хороший способ проверить ваш код, чтобы увидеть, является ли масштабирование виновником, - это уменьшить ваш MKMapView до размера наложенного изображения.Оставьте наложенное изображение в покое, и если оно больше не искажается, то вы знаете, что это проблема.

...