"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[3465],{23053:function(e,t,r){var n=r(12739),o=r(41376),a=r(75469),i=r(25691),u=r(5265),c=r(59193),f=r(90776);function y(e,t,r,n,o,a){var i,u;void 0!==o?(i=o,u=void 0!==a?a:0):(i=[],u=0);for(var c=t;c=32;)t=63+(32|31&e),r+=String.fromCharCode(t),e>>=5;return t=e+63,r+=String.fromCharCode(t)}var k=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&w(e,t)}(c,e);var t,r,o,a=d(c);function c(e){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c);var r=e||{};return(t=a.call(this)).dataProjection=(0,l.U2)("EPSG:4326"),t.factor_=r.factor?r.factor:1e5,t.geometryLayout_=r.geometryLayout?r.geometryLayout:i.Z.XY,t}return t=c,(r=[{key:"readFeatureFromText",value:function(e,t){var r=this.readGeometryFromText(e,t);return new n.Z(r)}},{key:"readFeaturesFromText",value:function(e,t){return[this.readFeatureFromText(e,t)]}},{key:"readGeometryFromText",value:function(e,t){var r=(0,s.tP)(this.geometryLayout_),n=function(e,t,r){var n,o=r||1e5,a=new Array(t);for(n=0;n>1):o>>1}return t}(e),o=0,a=n.length;o© MapTiler © OpenStreetMap contributors',url:"https://api.maptiler.com/maps/hybrid/{z}/{x}/{y}.jpg?key=get_your_own_D6rA4zTHduk6KOKTXzGB",tileSize:512})})]});fetch("data/polyline/route.json").then((function(e){e.json().then((function(e){var t=e.routes[0].geometry,r=new k({factor:1e6}).readGeometry(t,{dataProjection:"EPSG:4326",featureProjection:"EPSG:3857"}),o=new n.Z({type:"route",geometry:r}),i=new n.Z({type:"icon",geometry:new a.Z(r.getFirstCoordinate())}),u=new n.Z({type:"icon",geometry:new a.Z(r.getLastCoordinate())}),c=i.getGeometry().clone(),f=new n.Z({type:"geoMarker",geometry:c}),y={route:new O.ZP({stroke:new j.Z({width:6,color:[237,212,0,.8]})}),icon:new O.ZP({image:new x.Z({anchor:[.5,1],src:"data/icon.png"})}),geoMarker:new O.ZP({image:new T.Z({radius:7,fill:new C.Z({color:"black"}),stroke:new j.Z({color:"white",width:2})})})},l=new F.Z({source:new P.Z({features:[o,f,i,u]}),style:function(e){return y[e.get("type")]}});L.addLayer(l);var s,p=document.getElementById("speed"),m=document.getElementById("start-animation"),h=!1,v=0;function w(e){var t=Number(p.value),n=e.frameState.time;v=(v+t*(n-s)/1e6)%2,s=n;var o=r.getCoordinateAt(v>1?2-v:v);c.setCoordinates(o);var a=(0,E.u3)(e);a.setStyle(y.geoMarker),a.drawGeometry(c),L.render()}m.addEventListener("click",(function(){h?(h=!1,m.textContent="Start Animation",f.setGeometry(c),l.un("postrender",w)):(h=!0,s=Date.now(),m.textContent="Stop Animation",l.on("postrender",w),f.setGeometry(null))}))}))}))}},function(e){var t=function(t){return e(e.s=t)};t(9877),t(23053)}]); //# sourceMappingURL=feature-move-animation.js.map