【问题标题】:How to correct smooth moving the marker in google maps v2?如何在谷歌地图 v2 中更正平滑移动标记?
【发布时间】:2015-05-30 19:25:20
【问题描述】:

在我的应用程序中需要显示从一个点到另一个点的平滑“移动”谷歌地图标记。 我对动画使用以下方法:

public void animateMarker(final Marker marker, final LatLng toPosition,
                          final boolean hideMarker) {
    final Handler handler = new Handler();
    final long start = SystemClock.uptimeMillis();
    Projection proj = mMap.getProjection();
    Point startPoint = proj.toScreenLocation(marker.getPosition());
    final LatLng startLatLng = proj.fromScreenLocation(startPoint);
    final long duration = 500;

    final Interpolator interpolator = new LinearInterpolator();

    handler.post(new Runnable() {
        @Override
        public void run() {
            long elapsed = SystemClock.uptimeMillis() - start;
            float t = interpolator.getInterpolation((float) elapsed
                    / duration);
            double lng = t * toPosition.longitude + (1 - t)
                    * startLatLng.longitude;
            double lat = t * toPosition.latitude + (1 - t)
                    * startLatLng.latitude;
            marker.setPosition(new LatLng(lat, lng));

            if (t < 1.0) {
                // Post again 16ms later.
                handler.postDelayed(this, 16);
            } else {
                if (hideMarker) {
                    marker.setVisible(false);
                } else {
                    marker.setVisible(true);
                }
            }
        }
    });
}

但是由于简单地为新位置创建了一个新标记(虽然旧的没有被删除):

【问题讨论】:

  • 我认为你需要告诉视图在你改变一个位置之后重绘自己,在你开始等待之前。
  • 您的意思是删除标记并添加具有新位置的新标记吗?
  • 据我了解,为了节省资源,Android 在循环完成之前不会绘制屏幕......所以您需要告诉系统您要重绘屏幕。似乎这样会有所帮助:developer.android.com/reference/android/view/…
  • 我尝试复制但失败了.. 我的工作正常:youtu.be/s_gZR1WHqPw
  • 可以发个代码吗?

标签: java android google-maps gps google-maps-markers


【解决方案1】:

我知道这是一个老问题,但是......

您可以为此任务使用值插值器:

fun changePositionSmoothly(marker:Marker?, newLatLng: LatLng){
    if(marker == null){
        return;
    }
    val animation = ValueAnimator.ofFloat(0f, 100f)
    var previousStep = 0f
    val deltaLatitude = newLatLng.latitude - marker.position.latitude
    val deltaLongitude = newLatLng.longitude - marker.position.longitude
    animation.setDuration(1500)
    animation.addUpdateListener { updatedAnimation ->
        val deltaStep = updatedAnimation.getAnimatedValue() as Float - previousStep
        previousStep = updatedAnimation.getAnimatedValue() as Float
        marker.position = LatLng(marker.position.latitude + deltaLatitude * deltaStep * 1/100, marker.position.longitude + deltaStep * deltaLongitude * 1/100)
    }
    animation.start()
}

在 Java 中

void changePositionSmoothly(Marker marker, LatLng newLatLng) {
        if (marker == null) {
            return;
        }
        ValueAnimator animation = ValueAnimator.ofFloat(0f, 100f);
        final float[] previousStep = {0f};
        double deltaLatitude = newLatLng.latitude - marker.getPosition().latitude;
        double deltaLongitude = newLatLng.longitude - marker.getPosition().latitude;
        animation.setDuration(1500);
        animation.addUpdateListener(animation1 -> {
            float deltaStep = (Float) animation1.getAnimatedValue() - previousStep[0];
            previousStep[0] = (Float) animation1.getAnimatedValue();
            marker.setPosition(new LatLng(marker.getPosition().latitude + deltaLatitude * deltaStep * 1 / 100, marker.getPosition().latitude + deltaStep * deltaLongitude * 1 / 100));
        });
        animation.start();
    }

为了防止错误累积,可以在动画结束时设置新的位置,但这对于大多数情况来说已经足够了。

【讨论】:

    【解决方案2】:

    我从official video中提到的project复制了一些代码。

    我试图用这段代码和seems to be working for me 重现它,所以希望我的代码能帮助你,哪怕只是一点点。

    static final LatLng SomePos = new LatLng(37.7796354, -122.4159606);
    
        try {
            if (googleMap == null) {
                googleMap = ((MapFragment) getFragmentManager().findFragmentById(R.id.map)).getMap();
            }
            googleMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);
            googleMap.setMyLocationEnabled(true);
            googleMap.setTrafficEnabled(false);
            googleMap.setIndoorEnabled(false);
            googleMap.setBuildingsEnabled(true);
            googleMap.getUiSettings().setZoomControlsEnabled(true);
            googleMap.moveCamera(CameraUpdateFactory.newLatLng(SomePos));
            googleMap.moveCamera(CameraUpdateFactory.newCameraPosition(new CameraPosition.Builder()
                    .target(googleMap.getCameraPosition().target)
                    .zoom(17)
                    .bearing(30)
                    .tilt(45)
                    .build()));
    
            myMarker = googleMap.addMarker(new MarkerOptions()
                    .position(SomePos)
                    .icon(BitmapDescriptorFactory.fromResource(R.mipmap.ic_launcher))
                    .title("Hello world"));
    
    
            googleMap.setOnMarkerClickListener(new GoogleMap.OnMarkerClickListener()
            {
                @Override
                public boolean onMarkerClick(Marker arg0) {
    
                    final LatLng startPosition = myMarker.getPosition();
                    final LatLng finalPosition = new LatLng(37.7801569,-122.4148528);
                    final Handler handler = new Handler();
                    final long start = SystemClock.uptimeMillis();
                    final Interpolator interpolator = new AccelerateDecelerateInterpolator();
                    final float durationInMs = 3000;
                    final boolean hideMarker = false;
    
                    handler.post(new Runnable() {
                        long elapsed;
                        float t;
                        float v;
    
                        @Override
                        public void run() {
                            // Calculate progress using interpolator
                            elapsed = SystemClock.uptimeMillis() - start;
                            t = elapsed / durationInMs;
                            v = interpolator.getInterpolation(t);
    
                            LatLng currentPosition = new LatLng(
                                    startPosition.latitude*(1-t)+finalPosition.latitude*t,
                                    startPosition.longitude*(1-t)+finalPosition.longitude*t);
    
                            myMarker.setPosition(currentPosition);
    
                            // Repeat till progress is complete.
                            if (t < 1) {
                                // Post again 16ms later.
                                handler.postDelayed(this, 16);
                            } else {
                                if (hideMarker) {
                                    myMarker.setVisible(false);
                                } else {
                                    myMarker.setVisible(true);
                                }
                            }
                        }
                    });
    
                    return true;
    
                }
    
            });
    
        } catch (Exception e) {
            e.printStackTrace();
        }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-12-07
      • 1970-01-01
      • 2013-09-13
      • 1970-01-01
      • 1970-01-01
      • 2013-12-16
      • 2017-09-21
      • 1970-01-01
      相关资源
      最近更新 更多