How to stop moving map when marker is moving in leaflet animatedMarker -

I am using the booklet in my project. I'm using this plugin to move markers on the map. But I am having a serious problem with it. Many vehicles are on different positions on my map (GPS location). I am getting new status through web socket so when a vehicle is running and suddenly another vehicle started to move the map , Is immediately taken to that position. I want to have the marker run anywhere, but the map should always stand and still can it be done anyway? I really am in trouble and need help.

Here is my code snippet -

  Vehicle unmarked marker = L. Animated marker (lines .getLatLngs (), {icon: L. Aves markers.con ({icon: 'Truck', marker color: 'green', prefix: 'fa', spin: wrong}), auto start: incorrect, clickable: true, title: searchable, total data: description.); Vehicle Unlimited Marker.On ('click', function) (ShowVision Ms. (Details. Id);}) VehicleAnimated Marker.Map (Bundpop) ("Truck" + VectorNavIviHalicID (Details. ID) + "is growing") . OpenPop (); Var marker item = {id: details.id, marker: vehicle unified marker}; VehiclesAnimatedMarkersArray.push (markerItem); VehicleAnimatedMarker.setDistance (3); VehicleAnimatedMarker.setInterval (36); VehicleAnimatedMarker.start ();  

Thanks in advance any kind of help is welcome.

I would think because you are using the vehicle unmanned marker.atto (map). Bind Popup ("Truck" + Receive ViolenceNameBiwiWialId (Details.Id) + "Moves".) OpenPopup (); The sheet is shifting the map every time it is called openPopup () , because it is the default behavior. There is an option for properly popup a sheet called Autopen (), which you can set to false to disable this behavior. Your Bindopopup call should be seen as "moving" popup ("truck" + + receiving hnnbvvilid (description.id) + "walks". {AutoPan: false}) < / P>

/ html>