How to animate marker when it is added to map on Android?

后端 未结 3 650
独厮守ぢ
独厮守ぢ 2020-12-14 11:39

I want to animate map markers when they are added to map.

User should see the map with markers around him. Each new marker should bounce.

3条回答
  •  被撕碎了的回忆
    2020-12-14 12:09

    You can implement the onMarkerClick() and make the marker bounce whenever user clicks on it. Just try out below code implementation. I have tried it and it works totally fine.

     private Marker mPerth;  
     private Marker mPerth = mMap.addMarker(new MarkerOptions()
                 .position(PERTH)
                .title("Perth")
                .snippet("Population: 1,738,800"));        
    
      @Override   
    public boolean onMarkerClick(final Marker marker) 
      {
          // This causes the marker at Perth to bounce into position when it is clicked.
        if (marker.equals(mPerth)) {
            final Handler handler = new Handler();
            final long start = SystemClock.uptimeMillis();
            Projection proj = mMap.getProjection();
            Point startPoint = proj.toScreenLocation(PERTH);
            startPoint.offset(0, -100);
            final LatLng startLatLng = proj.fromScreenLocation(startPoint);
            final long duration = 1500;
            final Interpolator interpolator = new BounceInterpolator();
            handler.post(new Runnable() {
                @Override
                public void run() {
                    long elapsed = SystemClock.uptimeMillis() - start;
                    float t = interpolator.getInterpolation((float) elapsed / duration);
                    double lng = t * PERTH.longitude + (1 - t) * startLatLng.longitude;
                    double lat = t * PERTH.latitude + (1 - t) * startLatLng.latitude;
                    marker.setPosition(new LatLng(lat, lng));
                    if (t < 1.0) {
                        // Post again 16ms later.
                        handler.postDelayed(this, 16);
                    }
                }
            });
        }
        // We return false to indicate that we have not consumed the event and that we wish
        // for the default behavior to occur (which is for the camera to move such that the
        // marker is centered and for the marker's info window to open, if it has one).
        return false;
    }
    

    You can also use this at the time of adding the marker in your application besides onClick event. I hope this what you want only.

提交回复
热议问题