如何通过LatLng点的ArrayList设置标记的动画? [英] How to animate a marker through an ArrayList of LatLng points?
问题描述
我正在使用Google Maps API V2获取当前用户的位置，并通过使用onLocationChanged侦听器记录其路线.当用户记录他们的路线时，我将在每个位置更改时检测到的所有LatLng保存在arraylist中.当用户停止记录其路线时，我将标记放置在arraylist的第一点.我现在的问题是我希望通过arraylist中的所有点为标记设置动画.有人可以告诉我该怎么做吗?
I am using Google Maps API V2 to get the location of the current user and am recording his route by using the onLocationChanged listener. While the user records their route I save all the LatLngs detected at each location change in an arraylist. When the user stops recording their route I place a marker at the first point in the arraylist. My problem now is that I wish to animate the marker through all the points in the arraylist. Can someone please tell me how can I do this?
需要注意的是，该数组不需要排序，因为我记录了这些点.我尝试过使用for循环在数组中循环并发送值，但是从
Things to note is that the array doesn't need sorting because I record the points as they come. I have tried using a for loop to cycle through the array and send the values over but I get an error from the
最终LatLng startLatLng = proj.fromScreenLocation(startPoint);
final LatLng startLatLng = proj.fromScreenLocation(startPoint);
说未知来源"以及NullPointer异常.
saying "Unknown Source" along with a NullPointer exception.
这是我的代码:
case R.id.action_replay:
int o;
for(o=0; o<oldlocPoints.size(); ++o){
if(--o > 1){lastPos = oldlocPoints.get(--o);}
toPos = oldlocPoints.get(++o);
animateMarker(markerStart, lastPos, toPos);
}
return true;
这是我尝试通过标记进行动画处理的方式.我遇到的主要困难是在run()中似乎只需要Final类型的值，所以我不知道如何取悦它.
And this is How I try to animate through the markers. The main difficulty I am encountering is that in run() it only seems to want Final type values so I have no idea how to please it.
//Animates marker through the locations saved from the recorded route
public void animateMarker(final Marker marker, LatLng lastPos, final LatLng toPos) {
final long duration = 1600;
final Handler handler = new Handler();
this.lastPos = lastPos;
this.toPos = toPos;
final long start = SystemClock.uptimeMillis();
final int o;
Projection proj = map.getProjection();
Point startPoint = proj.toScreenLocation(lastPos);
final LatLng startLatLng = proj.fromScreenLocation(startPoint);
Log.d(TAG, "" + lastPos + "" + toPos);
final Interpolator interpolator = new AccelerateDecelerateInterpolator();
handler.post(new Runnable() {
@Override
public void run() {
long elapsed = SystemClock.uptimeMillis() - start;
float t = interpolator.getInterpolation((float) elapsed / duration);
double lng = t * toPos.longitude + (1 - t) * startLatLng.longitude;
double lat = t * toPos.latitude + (1 - t) * startLatLng.latitude;
markerStart.setPosition(new LatLng(lat, lng));
//markerStart.setPosition(interpolator.interpolate(t, target, replayEnd));
if (t < 1.0) {
//Post again 16ms later == 60 frames per second
handler.postDelayed(this, 32);
} else {
//Animation ended
}
}
});
}
有人可以帮我吗?
更新 我迄今为止最接近的尝试是:
UPDATE My closest attempt to date is this:
while (i<oldlocPoints.size()){
final long duration = 32;
final Handler handler = new Handler();
final long start = SystemClock.uptimeMillis();
Projection proj = map.getProjection();
final LatLng toPos = oldlocPoints.get(i/3);
Point startPoint = proj.toScreenLocation(oldlocPoints.get(i));
final LatLng startLatLng = proj.fromScreenLocation(startPoint);
final Interpolator interpolator = new AccelerateDecelerateInterpolator();
handler.post(new Runnable() {
@Override
public void run() {
long elapsed = SystemClock.uptimeMillis() - start;
float t = interpolator.getInterpolation((float) elapsed / duration);
double lng = t * toPos.longitude + (1 - t) * startLatLng.longitude;
double lat = t * toPos.latitude + (1 - t) * startLatLng.latitude;
markerStart.setPosition(new LatLng(lat, lng));
//markerStart.setPosition(interpolator.interpolate(t, target, replayEnd));
if (t < 1.0) {
//Post again 16ms later == 60 frames per second
handler.postDelayed(this, 32);
} else {
//Animation ended
}
}
});
i++;
}
推荐答案
尝试以下代码:: 首先是MarkerAnimation类:
try this code :: first the MarkerAnimation class :
public class MarkerAnimation {
static GoogleMap map;
ArrayList<LatLng> _trips = new ArrayList<>() ;
Marker _marker;
LatLngInterpolator _latLngInterpolator = new LatLngInterpolator.Spherical();
public void animateLine(ArrayList<LatLng> Trips,GoogleMap map,Marker marker,Context current){
_trips.addAll(Trips);
_marker = marker;
animateMarker();
}
public void animateMarker() {
TypeEvaluator<LatLng> typeEvaluator = new TypeEvaluator<LatLng>() {
@Override
public LatLng evaluate(float fraction, LatLng startValue, LatLng endValue) {
return _latLngInterpolator.interpolate(fraction, startValue, endValue);
}
};
Property<Marker, LatLng> property = Property.of(Marker.class, LatLng.class, "position");
ObjectAnimator animator = ObjectAnimator.ofObject(_marker, property, typeEvaluator, _trips.get(0));
//ObjectAnimator animator = ObjectAnimator.o(view, "alpha", 0.0f);
animator.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationCancel(Animator animation) {
// animDrawable.stop();
}
@Override
public void onAnimationRepeat(Animator animation) {
// animDrawable.stop();
}
@Override
public void onAnimationStart(Animator animation) {
// animDrawable.stop();
}
@Override
public void onAnimationEnd(Animator animation) {
// animDrawable.stop();
if (_trips.size() > 1) {
_trips.remove(0);
animateMarker();
}
}
});
animator.setDuration(300);
animator.start();
}
和google开发人员为您预先编写的_latLngInterpolator:
and the _latLngInterpolator which is pre-written for you by google developers :
public interface LatLngInterpolator {
public LatLng interpolate(float fraction, LatLng a, LatLng b);
public class Spherical implements LatLngInterpolator {
@Override
public LatLng interpolate(float fraction, LatLng from, LatLng to) {
// http://en.wikipedia.org/wiki/Slerp
double fromLat = toRadians(from.latitude);
double fromLng = toRadians(from.longitude);
double toLat = toRadians(to.latitude);
double toLng = toRadians(to.longitude);
double cosFromLat = cos(fromLat);
double cosToLat = cos(toLat);
// Computes Spherical interpolation coefficients.
double angle = computeAngleBetween(fromLat, fromLng, toLat, toLng);
double sinAngle = sin(angle);
if (sinAngle < 1E-6) {
return from;
}
double a = sin((1 - fraction) * angle) / sinAngle;
double b = sin(fraction * angle) / sinAngle;
// Converts from polar to vector and interpolate.
double x = a * cosFromLat * cos(fromLng) + b * cosToLat * cos(toLng);
double y = a * cosFromLat * sin(fromLng) + b * cosToLat * sin(toLng);
double z = a * sin(fromLat) + b * sin(toLat);
// Converts interpolated vector back to polar.
double lat = atan2(z, sqrt(x * x + y * y));
double lng = atan2(y, x);
return new LatLng(toDegrees(lat), toDegrees(lng));
}
private double computeAngleBetween(double fromLat, double fromLng, double toLat, double toLng) {
// Haversine's formula
double dLat = fromLat - toLat;
double dLng = fromLng - toLng;
return 2 * asin(sqrt(pow(sin(dLat / 2), 2) +
cos(fromLat) * cos(toLat) * pow(sin(dLng / 2), 2)));
}
}
}
并在您的地图活动中将其称为:
and call it on your map activity as :
MarkerAnimation.animateLine(TripPoints,map,MovingMarker,context);
这篇关于如何通过LatLng点的ArrayList设置标记的动画?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
