首页 > 解决方案 > 如何使标记在 Java 中遍历折线?

问题描述

我正在开发一个应用程序,类似于 uber、didi 等。我在制作车辆动画时遇到了问题(从 A 点到 B 点),我在互联网上找到了这段代码,它运行良好:

public void animateMarker(final LatLng startPosition, final LatLng toPosition,final boolean hideMarke) {
        final Handler handler = new Handler();
        final Marker m = map.addMarker(new MarkerOptions()
                .position(startPosition)
                .icon(BitmapDescriptorFactory.fromResource(R.drawable.bus2))
                .title("Camión"));
        final long start = SystemClock.uptimeMillis();
        Projection proj = map.getProjection();
        Point startPoint = proj.toScreenLocation(m.getPosition());
        final LatLng startLatLng = proj.fromScreenLocation(startPoint);
        final long duration = 5000;

        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;
                m.setPosition(new LatLng(lat, lng));

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

我有这个方法负责将列表的位置与折线所需的所有坐标一起传递给它:

private void controlAnimaciones(List<LatLng> ruta) {
        for (int i=0; i<ruta.size()-1; i++) {
            if (i<ruta.size()) {
                animateMarker3(ruta.get(i), ruta.get(i+1), true);
            }
        }
    }

如果它将标记从 A 点移动到 B 点,它会按照我的预期做,但是,只是通过迭代列表,我不知道如何解释它,有许多标记只能从一个元素移动列表到下一个,然后他们停止。我想要做的是实现单个标记可以穿过列表的所有点,我一直在尝试以某些方式使用从互联网上获得的代码,试图理解它,但我没有太多成功。我怎么能做到?

标签: javaandroidgoogle-mapsmarkergoogle-polyline

解决方案


目前在您发布的代码中,animateMarker为折线的每个“段”创建一个标记 - 它开始和停止标记沿一个段的移动,并且它异步执行此操作。这将具有在每个片段的开头(同时)创建标记的效果,并且每个片段都并行(几乎)动画。不是你想要的。

所以你有两件事要改变:

  1. 在第一段的开始处创建一次标记。
  2. 在第一段(或前一段完成)继续第二段和后面段的动画。

执行上述操作的简单方法是修改animateMarker以接受点列表而不是单个点。点列表是您的折线 ( ruta)。

我做了一些评论,该方法是从您的原始方法修改的。

public void animateMarker(List<LatLng> pts,final boolean hideMarker) {

   // Simple check to make sure there are enough points in the list.
   if (pts.size() <= 1) {
        // need at least two points.
        return;
    }

    final Handler handler = new Handler();

    // Use first point in list as start.
    final Marker m = mMap.addMarker(new MarkerOptions()
            .position(pts.get(0))
            .title("Camión"));
    Projection proj = mMap.getProjection();
    Point startPoint = proj.toScreenLocation(m.getPosition());
    final LatLng startLatLng = proj.fromScreenLocation(startPoint);
    final long duration = 5000;

    final Interpolator interpolator = new LinearInterpolator();

    handler.post(new Runnable() {
        // start at first segment
        private int segment = 0;
        // initial start time
        long start = SystemClock.uptimeMillis();
        @Override
        public void run() {
            long elapsed = SystemClock.uptimeMillis() - start;
            float t = interpolator.getInterpolation((float) elapsed
                    / duration);
            // Use next point in list as destination
            double lng = t * pts.get(segment+1).longitude + (1 - t)
                    * pts.get(segment).longitude;
            double lat = t * pts.get(segment+1).latitude + (1 - t)
                    * pts.get(segment).latitude;
            m.setPosition(new LatLng(lat, lng));

            if (t < 1.0) {
                // Post again 16ms later.
                handler.postDelayed(this, 16);
            } 

            // check if to move to next segment (or done)
            else if (segment < (pts.size()-2)) {
                // move to next segment
                segment++;
                start = SystemClock.uptimeMillis();
                handler.postDelayed(this,16);
            } else {
                if (hideMarker) {
                    m.setVisible(false);
                } else {
                    m.setVisible(true);
                }
            }
        }
    });
    markers_animations.add(m);
}

并用您的列表调用动画只需修改您的

private void controlAnimaciones(List<LatLng> ruta) {
    animateMarker(ruta, true);
}

这就是结果。

在此处输入图像描述

(请注意,标记移动的“速度”取决于片段的长度。由于每个片段的持续时间是固定的,较长的片段会使标记看起来移动得更快。您可以将其更改为任何片段的恒定速度根据duration两点之间的距离变化。)


请注意,animaterMarker无需修改即可自然支持多个动画。因此,在此示例中,地图会在每几秒执行一次地图点击时onMapClickListener调用,以进行演示。controlAnimaciones

在此处输入图像描述

希望这可以帮助!


推荐阅读