汽车（注释）动画（像超级应用程序）无法正常工作 [英] Car (Annotation) animation (like uber app) not working

问题描述

我制作了一个演示项目（来自github上的Moving-MKAnnotationView演示），用于在地图上移动汽车以下是其链接

注释消失，因为MkMapPoints和CGIPoints之间的转换不再起作用，如果您记录在CALayer的位置，您将在视图外获得分数。不知道为什么它在做触摸事件时有效。

如果你将功能改为：

   - （void）setPosition：（id）posValue; 
 {
 //从这个虚拟（包装器）CGPoint结构中提取mapPoint 
 MKMapPoint mapPoint = *（MKMapPoint *）[（NSValue *）posValue pointerValue]; 
 CLLocationCoordinate2D coord = MKCoordinateForMapPoint（mapPoint）; 
 
 CGPoint toPos = [self.mapView convertCoordinate：coord toPointToView：self.mapView]; 
 
 
 if（MKMapRectContainsPoint（self.mapView.visibleMapRect，mapPoint））{
 
 CABasicAnimation * animation = [CABasicAnimation animationWithKeyPath：@position]; 
 
 animation.fromValue = [NSValue valueWithCGPoint：self.center]; 
 animation.toValue = [NSValue valueWithCGPoint：toPos]; 
 animation.duration = 0.8; 
 animation.delegate = self; 
 animation.fillMode = kCAFillModeForwards; 
 // [self.layer removeAllAnimations]; 
 [self.layer addAnimation：animation forKey：POSITIONKEY]; 
 
 // NSLog（@setPosition ANIMATED％x from（％f，％f）to（％f，％f），self，self.center.x，self.center.y， toPos.x，toPos.y）; 
} 
 
 self.center = toPos; 
 
 
} 
  

它应该再次运作。

I made one demo project (from Moving-MKAnnotationView demo on github) for moving car on map following is its link

https://github.com/pratikbhiyani/Moving-MKAnnotationView

I edit my code on the basis of given answer by vinaut but still problem is that when we zoom or scroll the map animation get distract in ios 7 and in ios 6 when we zoom or scroll the map annotation set to its original angle for a while.

Below is a screen shot of my Demo Project

Here is some code i change

- (void) setPosition : (id) posValue;
{
    NSLog(@"set position");

    //extract the mapPoint from this dummy (wrapper) CGPoint struct
    MKMapPoint mapPoint = *(MKMapPoint*)[(NSValue*)posValue pointerValue];

    CLLocationCoordinate2D coord = MKCoordinateForMapPoint(mapPoint);
    CGPoint toPos;
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {

        toPos = [self.mapView convertCoordinate:coord toPointToView:self.mapView];
    }
    else
    {
        CGFloat zoomFactor =  self.mapView.visibleMapRect.size.width / self.mapView.bounds.size.width;
        toPos.x = mapPoint.x/zoomFactor;
        toPos.y = mapPoint.y/zoomFactor;
    }



    [self setTransform:CGAffineTransformMakeRotation([self getHeadingForDirectionFromCoordinate:MKCoordinateForMapPoint(previousPoint) toCoordinate: MKCoordinateForMapPoint(mapPoint)])];

    if (MKMapRectContainsPoint(self.mapView.visibleMapRect, mapPoint)) {

        CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];

        animation.fromValue = [NSValue valueWithCGPoint:self.center];
        animation.toValue = [NSValue valueWithCGPoint:toPos];
        animation.duration = 1.0;
        animation.delegate = self;
        animation.fillMode = kCAFillModeForwards;
        //[self.layer removeAllAnimations];
        [self.layer addAnimation:animation forKey:POSITIONKEY];

        //NSLog(@"setPosition ANIMATED %x from (%f, %f) to (%f, %f)", self, self.center.x, self.center.y, toPos.x, toPos.y);
    }

    self.center = toPos;

    previousPoint = mapPoint;
}

My goal is to move car same like in uber app.

解决方案

It seems that something changed with the conversion functions for CLCoordinate2D/MKMapPoint/CGPoint...

Detecting a point in a MKPolygon broke with iOS7 (CGPathContainsPoint)

The annotation disappears because the conversion beetween MkMapPoints and CGIPoints does not work anymore, if you log the "position" of the CALayer you will get points way outside the view. No idea why it works when doing touch events.

If you change the function to :

    - (void) setPosition : (id) posValue; 
{
    //extract the mapPoint from this dummy (wrapper) CGPoint struct
    MKMapPoint mapPoint = *(MKMapPoint*)[(NSValue*)posValue pointerValue];  
    CLLocationCoordinate2D coord = MKCoordinateForMapPoint(mapPoint);

    CGPoint toPos = [self.mapView convertCoordinate:coord toPointToView:self.mapView];


    if (MKMapRectContainsPoint(self.mapView.visibleMapRect, mapPoint)) {

        CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];

        animation.fromValue = [NSValue valueWithCGPoint:self.center];
        animation.toValue = [NSValue valueWithCGPoint:toPos];   
        animation.duration = 0.8;
        animation.delegate = self;
        animation.fillMode = kCAFillModeForwards;
        //[self.layer removeAllAnimations];
        [self.layer addAnimation:animation forKey:POSITIONKEY];

        //NSLog(@"setPosition ANIMATED %x from (%f, %f) to (%f, %f)", self, self.center.x, self.center.y, toPos.x, toPos.y);
    }   

    self.center = toPos;


}

It should be working again.

这篇关于汽车（注释）动画（像超级应用程序）无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！