Ответ 1
Вы можете использовать для своей задачи свой подход, основанный на пользовательской анимации маркера: анимация отдельно движения автомобиля и поворота автомобиля по всем направлениям. Для этого вам нужны 2 вида анимации:
1) анимация движения автомобиля;
2) анимация для поворота автомобиля;
который вызывает друг друга на своем конце (анимация движения автомобиля на конце вызывает анимацию поворота автомобиля и наоборот: анимация поворота автомобиля на конце вызывает анимацию движения автомобиля и, следовательно, для всех точек пути автомобиля).
Например, на рис.:
1) анимация движения автомобиля от P0
до P1
;
2) анимация для включения автомобиля P1
;
3) анимация движения автомобиля от P1
до P2
и т.д.
Активация движения автомобиля может быть реализована с помощью такого метода:
private void animateCarMove(final Marker marker, final LatLng beginLatLng, final LatLng endLatLng, final long duration) {
final Handler handler = new Handler();
final long startTime = SystemClock.uptimeMillis();
final Interpolator interpolator = new LinearInterpolator();
// set car bearing for current part of path
float angleDeg = (float)(180 * getAngle(beginLatLng, endLatLng) / Math.PI);
Matrix matrix = new Matrix();
matrix.postRotate(angleDeg);
marker.setIcon(BitmapDescriptorFactory.fromBitmap(Bitmap.createBitmap(mMarkerIcon, 0, 0, mMarkerIcon.getWidth(), mMarkerIcon.getHeight(), matrix, true)));
handler.post(new Runnable() {
@Override
public void run() {
// calculate phase of animation
long elapsed = SystemClock.uptimeMillis() - startTime;
float t = interpolator.getInterpolation((float) elapsed / duration);
// calculate new position for marker
double lat = (endLatLng.latitude - beginLatLng.latitude) * t + beginLatLng.latitude;
double lngDelta = endLatLng.longitude - beginLatLng.longitude;
if (Math.abs(lngDelta) > 180) {
lngDelta -= Math.signum(lngDelta) * 360;
}
double lng = lngDelta * t + beginLatLng.longitude;
marker.setPosition(new LatLng(lat, lng));
// if not end of line segment of path
if (t < 1.0) {
// call next marker position
handler.postDelayed(this, 16);
} else {
// call turn animation
nextTurnAnimation();
}
}
});
}
где
mMarkerIcon
:
Bitmap mMarkerIcon;
...
mMarkerIcon = BitmapFactory.decodeResource(getResources(), R.drawable.the_car); // for your car icon in file the_car.png in drawable folder
и значок автомобиля должен быть ориентирован на север:
для правильного вращения.
nextTurnAnimation()
- метод, вызываемый в конце анимации движения автомобиля, чтобы начать анимацию поворота автомобиля:
private void nextTurnAnimation() {
mIndexCurrentPoint++;
if (mIndexCurrentPoint < mPathPolygonPoints.size() - 1) {
LatLng prevLatLng = mPathPolygonPoints.get(mIndexCurrentPoint - 1);
LatLng currLatLng = mPathPolygonPoints.get(mIndexCurrentPoint);
LatLng nextLatLng = mPathPolygonPoints.get(mIndexCurrentPoint + 1);
float beginAngle = (float)(180 * getAngle(prevLatLng, currLatLng) / Math.PI);
float endAngle = (float)(180 * getAngle(currLatLng, nextLatLng) / Math.PI);
animateCarTurn(mCarMarker, beginAngle, endAngle, TURN_ANIMATION_DURATION);
}
}
В свою очередь способ анимации поворота автомобиля может быть таким:
private void animateCarTurn(final Marker marker, final float startAngle, final float endAngle, final long duration) {
final Handler handler = new Handler();
final long startTime = SystemClock.uptimeMillis();
final Interpolator interpolator = new LinearInterpolator();
final float dAndgle = endAngle - startAngle;
Matrix matrix = new Matrix();
matrix.postRotate(startAngle);
Bitmap rotatedBitmap = Bitmap.createBitmap(mMarkerIcon, 0, 0, mMarkerIcon.getWidth(), mMarkerIcon.getHeight(), matrix, true);
marker.setIcon(BitmapDescriptorFactory.fromBitmap(rotatedBitmap));
handler.post(new Runnable() {
@Override
public void run() {
long elapsed = SystemClock.uptimeMillis() - startTime;
float t = interpolator.getInterpolation((float) elapsed / duration);
Matrix m = new Matrix();
m.postRotate(startAngle + dAndgle * t);
marker.setIcon(BitmapDescriptorFactory.fromBitmap(Bitmap.createBitmap(mMarkerIcon, 0, 0, mMarkerIcon.getWidth(), mMarkerIcon.getHeight(), m, true)));
if (t < 1.0) {
handler.postDelayed(this, 16);
} else {
nextMoveAnimation();
}
}
});
}
где nextMoveAnimation()
:
private void nextMoveAnimation() {
if (mIndexCurrentPoint < mPathPolygonPoints.size() - 1) {
animateCarMove(mCarMarker, mPathPolygonPoints.get(mIndexCurrentPoint), mPathPolygonPoints.get(mIndexCurrentPoint+1), MOVE_ANIMATION_DURATION);
}
}
mPathPolygonPoints
(геометрия поездки автомобиля):
private List<LatLng> mPathPolygonPoints;
И переменная mIndexCurrentPoint
является индексом текущей точки на пути (она должна быть 0 в начале анимации и увеличиваться на каждом повороте пути в методе nextTurnAnimation()
).
TURN_ANIMATION_DURATION
- анимация продолжительности (в мс) для включения автосекретаря маршрута автомобиля;
MOVE_ANIMATION_DURATION
- анимация продолжительности (в мс) для движения автомобиля по отрезку пути;
Чтобы получить опору, вы можете использовать такой способ:
private double getAngle(LatLng beginLatLng, LatLng endLatLng) {
double f1 = Math.PI * beginLatLng.latitude / 180;
double f2 = Math.PI * endLatLng.latitude / 180;
double dl = Math.PI * (endLatLng.longitude - beginLatLng.longitude) / 180;
return Math.atan2(Math.sin(dl) * Math.cos(f2) , Math.cos(f1) * Math.sin(f2) - Math.sin(f1) * Math.cos(f2) * Math.cos(dl));;
}
Наконец Вы можете начать все анимации по вызову animateCarMove()
один раз:
animateCarMove(mCarMarker, mPathPolygonPoints.get(0), mPathPolygonPoints.get(1), MOVE_ANIMATION_DURATION);
другие этапы анимации будут вызываться автоматически для каждой точки автомобильного пути.
И вы должны учитывать некоторые "особые случаи", например:
1) изменение знака угла поворота (например, изменение подшипника от -120 до 150 градусов);
2) возможности прерывания анимации пользователем;
3) рассчитать продолжительность анимации на длине сегмента пути (например, 1 с для длины сегмента длиной 1 км вместо фиксированного MOVE_ANIMATION_DURATION
)
4), возможно, настройте значение 16
в строке handler.postDelayed(this, 16);
для лучшей производительности;
5) и т.д.