rlayers
Version:
React Components for OpenLayers
1 lines • 4.47 kB
JavaScript
;(self.webpackChunkrlayers=self.webpackChunkrlayers||[]).push([[8396],{8396(e,t,r){r.r(t),r.d(t,{default:()=>p});var n=r(6540),o=r(6391),l=r(4294),a=r(6717),u=r(1217),s=r(2096);function c(e,t,r,n,o,l){void 0!==o?l=void 0!==l?l:0:(o=[],l=0);let a=t;for(;a<r;){const t=e[a++];o[l++]=e[a++],o[l++]=t;for(let t=2;t<n;++t)o[l++]=e[a++]}return o.length=l,o}var i=r(8217),m=r(6888);class f extends m.A{constructor(e){super(),e=e||{},this.dataProjection=(0,o.Jt)("EPSG:4326"),this.factor_=e.factor?e.factor:1e5,this.geometryLayout_=e.geometryLayout?e.geometryLayout:"XY"}readFeatureFromText(e,t){const r=this.readGeometryFromText(e,t);return new a.A(r)}readFeaturesFromText(e,t){return[this.readFeatureFromText(e,t)]}readGeometryFromText(e,t){const r=(0,s.dn)(this.geometryLayout_),n=function(e,t,r){r=r||1e5;const n=new Array(t).fill(0),o=function(e){const t=function(e){const t=[];let r=0,n=0;for(let o=0,l=e.length;o<l;++o){const l=e.charCodeAt(o)-63;r|=(31&l)<<n,l<32?(t.push(r),r=0,n=0):n+=5}return t}(e);for(let e=0,r=t.length;e<r;++e){const r=t[e];t[e]=1&r?~(r>>1):r>>1}return t}(e);for(let e=0,l=o.length;e<l;)for(let l=0;l<t;++l,++e)n[l]+=o[e],o[e]=n[l]/r;return o}(e,r,this.factor_);c(n,0,n.length,r,n);const o=new u.A(n,this.geometryLayout_);return(0,i.hX)(o,!1,this.adaptOptions(t))}writeFeatureText(e,t){const r=e.getGeometry();if(r)return this.writeGeometryText(r,t);throw new Error("Expected `feature` to have a geometry")}writeFeaturesText(e,t){return this.writeFeatureText(e[0],t)}writeGeometryText(e,t){const r=(e=(0,i.hX)(e,!0,this.adaptOptions(t))).getFlatCoordinates(),n=e.getStride();return c(r,0,r.length,n,r),function(e,t,r){r=r||1e5;const n=new Array(t).fill(0);for(let o=0,l=e.length;o<l;)for(let l=0;l<t;++l,++o){const t=e[o]*r,a=t<0?Math.ceil(t-.5):Math.round(t),u=a-n[l];n[l]=a,e[o]=u}return function(e){for(let t=0,r=e.length;t<r;++t){const r=e[t];e[t]=r<0?~(r<<1):r<<1}return function(e){let t="";for(let r=0,n=e.length;r<n;++r)t+=h(e[r]);return t}(e)}(e)}(r,n,this.factor_)}}function h(e){let t,r="";for(;e>=32;)t=63+(32|31&e),r+=String.fromCharCode(t),e>>=5;return t=e+63,r+=String.fromCharCode(t),r}const g=f;r(5045);var d=r(7240),E=r(5111);function y(e){if(null===e)return Promise.resolve("");const t=(0,o.pd)(e.getCoordinates(),"EPSG:3857","EPSG:4326"),r=`https://nominatim.openstreetmap.org/reverse?format=json&lon=${t[0]}&lat=${t[1]}`;return fetch(r).then((e=>e.json())).then((e=>e.display_name)).catch((e=>e.message))}const S=new g;function p(){const[e,t]=n.useState(null),[r,a]=n.useState(null);let u;!function(e){e[e.START=0]="START",e[e.FINISH=1]="FINISH"}(u||(u={}));const[s,c]=n.useState(u.START),[i,m]=n.useState(""),[f,h]=n.useState(""),[g,p]=n.useState(null);return n.useEffect((()=>{y(e).then((e=>m(e)))}),[e]),n.useEffect((()=>{y(r).then((e=>h(e)))}),[r]),n.useEffect((()=>{(function(e,t){if(null===e||null===t)return Promise.resolve(null);const r=(0,o.pd)(e.getCoordinates(),"EPSG:3857","EPSG:4326"),n=(0,o.pd)(t.getCoordinates(),"EPSG:3857","EPSG:4326"),l=`https://router.project-osrm.org/route/v1/driving/${r[0]},${r[1]};${n[0]},${n[1]}`;return fetch(l).then((e=>e.json())).then((e=>function(e){if(e&&e.length>0){const t=S.readFeature(e[0].geometry);return t.getGeometry().transform("EPSG:4326","EPSG:3857"),t.getGeometry()}return null}(e.routes)))})(e,r).then((e=>p(e)))}),[e,r]),n.createElement(n.Fragment,null,n.createElement(d.f9,{className:"example-map",initial:{center:(0,o.Rb)([2.364,48.82]),zoom:11},onClick:e=>{const r=e.map.getCoordinateFromPixel(e.pixel);s===u.START?(a(null),t(new l.A(r)),c(u.FINISH)):(a(new l.A(r)),c(u.START))}},n.createElement(d.ej,null),n.createElement(d.j9,null,n.createElement(E.RStyle,null,n.createElement(E.RCircle,{radius:6},n.createElement(E.RFill,{color:"blue"}))),n.createElement(d.Dp,{key:0,geometry:e}),n.createElement(d.Dp,{key:1,geometry:r}),n.createElement(d.Dp,{key:2,geometry:g},n.createElement(E.RStyle,null,n.createElement(E.RStroke,{width:3,color:"darkgreen"}))))),n.createElement("div",{className:"mx-0 mt-0 mb-3 p-1 w-100 jumbotron shadow shadow"},n.createElement("p",null,n.createElement("strong",null,"Select ",s===u.START?"START":"FINISH"," point")),n.createElement("div",{className:"d-flex mt-2 justify-content-between"},0==i.length?null:n.createElement("div",null,n.createElement("strong",null,"From: "),n.createElement("em",null,i)),0==f.length?null:n.createElement("div",null,n.createElement("strong",null,"To: "),n.createElement("em",null,f)))))}}}]);