title: How do I update marker position via geometry, with a smooth transition?
body: <p>I'm currently on a ReactJS+Nodejs application, trying to integrate OpenLayers. What I need is to change the GPS position of a marker, in real-time (via socket.io). </p>
  
  <p>So far, I've come up with this code:</p>
  
  <pre><code>this.map = new Map({
          target: "map",
          layers: [
              new TileLayer({
                  source: new XYZ({
                      attributions: 'Tiles © &lt;a href="https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer"&gt;ArcGIS&lt;/a&gt;',
                      url: 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}'
                  })
              }),
          ],
          view: new View({
              center: fromLonLat([-8.455826, 40.168307]),
              rotation: 1.1344640138,
              easing: 0.5
          })
      });
  
      var vectorSource = new VectorSource({});
  
      var markersLayer = new VectorLayer({
          source: vectorSource,
      });
  
      this.map.addLayer(markersLayer);
  
      var point1 = new Point(
          fromLonLat([-8.455826, 40.168307])
      );
  
      var point2 = new Point(
          fromLonLat([-8.456819, 40.166388])
      );
  
      var marker = new Feature({
          geometry: point1,
          name: "My point",
      });
  
      vectorSource.addFeature(marker);
  
      var style = new Style({
          image: new CircleStyle({
              radius: 7,
              fill: new Fill({color: 'black'}),
              stroke: new Stroke({
                  color: 'white', width: 2
              })
          })
      });
  
      marker.setStyle(style);
  
      setTimeout(function () {
          marker.setGeometry(point2);
          marker.getGeometry().translate(40, -40);
      }, 3500);
  </code></pre>
  
  <p>The marker moves, however the transition occurs in an instant. Is there a way to make it move like a "CSS linear transition" to give it a more realistic look?</p>