Rotate GMSMarker in direction at which user facing

Question

I have requirement like on my current location one view will display. It will rotate if device was rotate or location will be change.I research lot but got all the code which have a fix location or angle at some location but i haven't fix location. Can anyone drive me at right direction.

I also used rotation property of the GMSMarker but it is not working.

- (void)locationManager:(CLLocationManager *)manager didUpdateHeading:(CLHeading *)newHeading
{
    if (newHeading.headingAccuracy < 0){
        NSLog(@"heading accuracy < 0");
        return;
    }

    // Convert Degree to Radian and move the needle
    float oldRad =  (- manager.heading.trueHeading) * M_PI / 180.0f;
    float newRad =  (- newHeading.trueHeading) * M_PI / 180.0f;

    // Compass animation
    CABasicAnimation *theAnimation;
    theAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
    theAnimation.fromValue = [NSNumber numberWithFloat:oldRad];
    theAnimation.toValue   = [NSNumber numberWithFloat:newRad];
    theAnimation.duration  = 0.5f;
    [source.layer addAnimation:theAnimation forKey:@"animateMyRotation"];

//    source.transform =  CGAffineTransformMakeRotation(newRad)
//    GMSMarker *source = [googleMap selectedMarker];
//    source.rotation = newRad;
}

Update: I have rotation method but is there any way to rotate the GMSMarker because there is no method for transform.

How uber rotate their car in google map?

`degree` should be some variable you stored for previous heading degree. — zc246, Apr 06 '16 at 12:13
You just assign it with a default value, corresponding to the default direction of your arrow when loaded. — zc246, Apr 06 '16 at 12:56
@chiragshah try the solution here. http://stackoverflow.com/a/34509430/1463604 — Nishant, Apr 16 '16 at 06:26
@chiragshah Have you fixed this issue ? Please let me know if you solution for this ? — Karthik Mandava, Apr 18 '16 at 07:01
@KarthiKMandava i haven't find any solution for it. If i found i can let you know — Chirag Shah, Apr 18 '16 at 08:51
getting location from server for every 5 sec but during turning marker getting drifted. have you solve this — M.Yogeshwaran, Jul 03 '18 at 06:18
@M.Yogeshwaran try to get heading value with location it will help you for this type of issue — Chirag Shah, Jul 04 '18 at 05:55

score 9 · Answer 1 · edited Aug 10 '21 at 04:15

9

We can rotate image based on course property CLLocation Class

    let marker = GMSMarker(position: currentLocation!)
    let head = locationManager.location?.course ?? 0
    marker.rotation = head
    marker.icon = UIImage(named: "testyCar.png")
    marker.map = mapView

edited Aug 10 '21 at 04:15

Michal Šrůtek

1,647
16
17

answered Jan 05 '17 at 08:53

priya.vr

239
5
12

score 7 · Accepted Answer · edited Dec 15 '16 at 06:40

7

Current location 'CLLocation' object has a property called 'course'

@property(readonly, nonatomic) CLLocationDirection course;

of type CLLocationDirection(typedef of double) which is an angle of the location.

For car to rotate, You need extra field in your backend, direction, along with latitude and longitude. Use this information to rotate car by applying Transform on UIView

CGAffineTransformMakeRotation(M_PI * (course_of_location) / 180.0);

edited Dec 15 '16 at 06:40

Uma Madhavi

4,851
5
38
73

answered Apr 16 '16 at 10:50

Sunil_Vaishnav

425
1
5
15

I already try this but still you not provide me the answer where i put this "CGAffineTransformMakeRotation(M_PI * (course_of_location) / 180.0);" code. Because marker has not any property for transform. – Chirag Shah Apr 18 '16 at 05:21
@Sunil. how to set this CGAffineTransformMakeRotation in swift 3 – Uma Madhavi Mar 28 '17 at 11:45
CGAffineTransform(rotationAngle: (M_PI * (course_of_location) / 180.0)) – Sunil_Vaishnav Mar 29 '17 at 09:04
Hi I'm using course of location. But i don't want to turn the marker, I want to turn the mapview so that my marker always points to north. for this Im doing like this . mapView.animate(toBearing: CLLocationDirection.abs(LatestLocation.course)) But mais roating toomuch, Bcoz when user is turning left my course is 270. the same Im giving it to map to rotate, But want to rotate -90. how to do that – siva krishna Apr 25 '17 at 08:36

score 6 · Answer 3 · answered Apr 25 '16 at 10:41

6

you can do something like -

-(void)locationManager:(CLLocationManager *)manager didUpdateHeading:(CLHeading *)newHeading {

    CLLocationDirection direction = newHeading.trueHeading;
    lastDriverAngleFromNorth = direction;
    self.driverMarker.rotation = lastDriverAngleFromNorth - mapBearing;
}

#pragma mark - GMSMapViewDelegate

- (void)mapView:(GMSMapView *)mapView didChangeCameraPosition:(GMSCameraPosition *)position {

    mapBearing = position.bearing;
    self.driverMarker.rotation = lastDriverAngleFromNorth - mapBearing;
}

answered Apr 25 '16 at 10:41

Haider

4,961
2
18
25

i added this code. and it's work but one problem i have face is the marker is jump on that location and updated location. and also marker is continuously rotate even i don't move from my location.what can i do? – ios developer Dec 08 '16 at 06:40
@Haider. how can i set position of marker based on latitude & longitude .These are coming from server. How can i set rotation.. – Uma Madhavi Dec 15 '16 at 11:36

score 2 · Answer 4 · edited Nov 13 '18 at 09:05

Try this, it worked for me

func locationManager(_ manager: CLLocationManager, didUpdateHeading newHeading:CLHeading) {
    UIView.animate(withDuration: 0.005) {
       let angle = newHeading.trueHeading.toRadians() // convert from degrees to radians
       self.yourImageHere.transform = CGAffineTransform(rotationAngle: CGFloat(angle)) // rotate the picture
    }
}
override func viewDidLoad() {
   super.viewDidLoad()
   locationManager.startUpdatingHeading()
}

score 1 · Answer 5 · edited Sep 10 '16 at 15:55

1

//just do this only

- (void)locationManager:(CLLocationManager *)manager  didUpdateHeading:(CLHeading *)newHeading
{
   double heading = newHeading.trueHeading;
   marker.groundAnchor = CGPointMake(0.5, 0.5);
   marker.rotation = heading;
   marker.map = mapView;
}

edited Sep 10 '16 at 15:55

Tomasz Pluskiewicz

3,622
1
19
42

answered Sep 10 '16 at 11:20

ios meridian

11
1

Waseem Sarwar · Answer 6 · 2016-08-21T09:20:23.027

0

marker.rotation = course_of_location;

Note: rotation to pin will happen only during movement. in case of static device there will be -1 value of location.course. Also this have no relation with device orientation. If you are looking to move pin according to device heading then do this

- (void)locationManager:(CLLocationManager *)manager didUpdateHeading:(CLHeading *)newHeading {
marker.rotation =  (manager.heading.trueHeading) * M_PI / 180.0f; }

edited Aug 21 '16 at 09:20

answered Aug 19 '16 at 06:36

Waseem Sarwar

2,645
1
21
18

2

Rotation is property of GMSMarker, CLLocation class provides the Course which actual direction of movement (not a direction of device). So if you set above code even you can simply do 'marker.rotation = location.course; it wil work when you will move. When there is no movement then course value is -1 and it will not show any rotation. – Waseem Sarwar Aug 21 '16 at 08:45

score 0 · Answer 7 · answered Nov 24 '18 at 10:41

Here the code modified with the changes suggested by Oren Trutner and from me:

You just need to pass old location and new location. By passing required data you will get rotation value which is in float.

#define degreesToRadians(x) (M_PI * x / 180.0)
#define radiansToDegrees(x) (x * 180.0 / M_PI)

- (float)getHeadingForDirectionFromCoordinate:(CLLocationCoordinate2D)fromLoc toCoordinate:(CLLocationCoordinate2D)toLoc
{
    float fLat = degreesToRadians(fromLoc.latitude);
    float fLng = degreesToRadians(fromLoc.longitude);
    float tLat = degreesToRadians(toLoc.latitude);
    float tLng = degreesToRadians(toLoc.longitude);

    float degree = radiansToDegrees(atan2(sin(tLng-fLng)*cos(tLat), cos(fLat)*sin(tLat)-sin(fLat)*cos(tLat)*cos(tLng-fLng)));

    if (degree >= 0) {
        return degree;
    } else {
        return 360+degree;
    }
}

I have tested and implemented in my one of the app recently. — Anil Kukadeja, Nov 26 '18 at 06:52

score 0 · Answer 8 · answered Feb 28 '19 at 08:56

Swift 4+

Thanks to priya.vr. When you updating location marker, try this:

 let locationManager = CLLocationManager()
 marker.position = position
 marker.appearAnimation = .none
 marker.rotation = locationManager.location?.course ?? 0
 marker.map = map

Rotate GMSMarker in direction at which user facing

8 Answers8

Linked