Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Rotate marker as per user direction on Google Maps V2 Android

Tags:

I want to rotate marker as per bearing or sensor value received from Accelerometer to show the user where actually he is moving. I have set marker icon and flat value to true but its not working as required.

mCurrentLocationMarker.position(new LatLng(                             LocationUtils.sLatitude, LocationUtils.sLongitude));                     mCurrentLocationMarker.icon(icon);                     mCurrentLocationMarker.flat(true);                     mCurrentLocationMarker.rotation(LocationUtils.sBearing);                      if (currentMarker != null) {                         currentMarker.setPosition(new LatLng(                                 LocationUtils.sLatitude,                                 LocationUtils.sLongitude));                     } else {                         currentMarker = mGoogleMap                                 .addMarker(mCurrentLocationMarker);                     }                     animateCameraTo(true); 

I have used this marker as marker.

I don't know why its not rotating as per user's direction. If anyone has any idea please kindly help me where i am making mistake.

LocationUtils.sBearing is the value of Bearing which i received from onLocationChanged or accelerometer.

Basically I want to make my marker same as google maps marker which shows user in which direction they are moving or turning.

like image 794
Scorpion Avatar asked Dec 20 '13 13:12

Scorpion


People also ask

How do I rotate Google Maps on Android?

Face North: At the bottom, tap the compass. Tilt the map: With 2 fingers, touch and hold the map, then move your fingers up and down the screen. Rotate the map: With 2 fingers, touch and hold the map, then move your fingers around each other on the screen.

How do I change the marker on Google Maps Android?

For adding a custom marker to Google Maps navigate to the app > res > drawable > Right-Click on it > New > Vector Assets and select the icon which we have to show on your Map. You can change the color according to our requirements. After creating this icon now we will move towards adding this marker to our Map.


2 Answers

This is an old question and it appears the API has changed since then.

I'm assuming you are able to get the devices bearing. If not here is a handy tutorial.

First thing is to create a marker we can use for bearing updates.

private Marker marker;  // Create this marker only once; probably in your onMapReady() method marker = mGoogleMap.addMarker(new MarkerOptions()         .position(new LatLng(myLatitude, myLongitude))         .flat(true)); 

Note the .flat(true) portion. The ensures our marker is north aligned so that our bearings will work correctly even if the user rotates the map.

Now when you get your bearing updates you can do the following

marker.setRotation(bearing); // or if following the linked tutorial // marker.setRotation((float) azimuth); 

This assumes your marker icon has the forward direction at the top. If your marker is rotated like the one pictured, you will have to adjust the bearing to compensate before setting it to the marker. Just a simple setRotation(bearing - 45) should do it.

like image 191
Breavyn Avatar answered Oct 12 '22 15:10

Breavyn


Im posting this answer because people like me who are searching for a solution related to the above question might find it useful.

So here how i did it.

As @colin said you must enable .flat(true) to rotate markers.

1.For bearing angle i have used the following code.

Here latLng1 - my old location && latLng2 - my new location

private double bearingBetweenLocations(LatLng latLng1,LatLng latLng2) {          double PI = 3.14159;         double lat1 = latLng1.latitude * PI / 180;         double long1 = latLng1.longitude * PI / 180;         double lat2 = latLng2.latitude * PI / 180;         double long2 = latLng2.longitude * PI / 180;          double dLon = (long2 - long1);          double y = Math.sin(dLon) * Math.cos(lat2);         double x = Math.cos(lat1) * Math.sin(lat2) - Math.sin(lat1)                 * Math.cos(lat2) * Math.cos(dLon);          double brng = Math.atan2(y, x);          brng = Math.toDegrees(brng);         brng = (brng + 360) % 360;          return brng;     } 

2.To rotate marker using above bearing angle i have used this code

Here isMarkerRotating is a boolean value. Add isMarkerRotating = false in OnCreate method

private void rotateMarker(final Marker marker, final float toRotation) {         if(!isMarkerRotating) {             final Handler handler = new Handler();             final long start = SystemClock.uptimeMillis();             final float startRotation = marker.getRotation();             final long duration = 2000;              final Interpolator interpolator = new LinearInterpolator();              handler.post(new Runnable() {                 @Override                 public void run() {                     isMarkerRotating = true;                      long elapsed = SystemClock.uptimeMillis() - start;                     float t = interpolator.getInterpolation((float) elapsed / duration);                      float rot = t * toRotation + (1 - t) * startRotation;                      float bearing =  -rot > 180 ? rot / 2 : rot;                      marker.setRotation(bearing);                      if (t < 1.0) {                         // Post again 16ms later.                         handler.postDelayed(this, 16);                     } else {                         isMarkerRotating = false;                     }                 }             });         }     } 

3.using above code

LatLng oldLocation, newLocaation;  float bearing = (float) bearingBetweenLocations(oldLocation, newLocaation); rotateMarker(start_marker, bearing); 
like image 43
satti8893 Avatar answered Oct 12 '22 15:10

satti8893