Odwrócić animację do usuwania znaczników Google Map?

Question

wiem, że mogę ożywić „dodając” od znacznika na mapie Google, a la https://developers.google.com/maps/documentation/javascript/overlays#MarkerAnimations

Czy mimo to mogę zrobić animację odwrotnej do demontażu znacznik z mapy? Chciałbym, żeby powrócił na szczyt mapy po usunięciu znacznika ... czy to możliwe?

Oto mój kod usunąć, więc daleko (tylko usuwa go z mapy, bez animacji):

// TODO figure out if there is a way to animate this removal, like the add 
$.contextualMap.prototype.removeMarker = function(m) { 
    m.mapMarker.setMap(null); 
    m.mapMarker = null; 
}; 

Answer 1

Jako, że google.maps.Animation nie obsługuje animacji odwrotnej upuszczania, musisz napisać własny skrypt do animowania znacznika.

można napisać coś takiego:

function removeMarkerWithAnimation(map, marker){ 
    (function animationStep(){ 
     //Converting GPS to World Coordinates 
     var newPosition = map.getProjection().fromLatLngToPoint(marker.getPosition()); 

     //Moving 10px to up 
     newPosition.y -= 10/(1 << map.getZoom()); 

     //Converting World Coordinates to GPS 
     newPosition = map.getProjection().fromPointToLatLng(newPosition); 
     //updating maker's position 
     marker.setPosition(newPosition); 
     //Checking whether marker is out of bounds 
     if(map.getBounds().getNorthEast().lat() < newPosition.lat()){ 
      marker.setMap(null); 
     }else{ 
      //Repeating animation step 
      setTimeout(animationStep,10); 
     } 
    })(); 
} 

Oto DEMO:

Answer 2

Mój pomysł:

1. tworzyć animowane GIF latającego pinezkę, która następnie zanika.
2. na znaczniku usuń zdarzenie, zamień icon, aby wyświetlić GIF
3. Po utworzeniu GIF-a powinieneś znać długość czasu animacji. Następnie setTimeout z tą wartością, aby wywołać setMap (null)

Może zapobiegać propagacji zdarzeń, co jest jedną z wielu możliwych wad.