rlayers/docs/2883.bundle.js

React Components for OpenLayers

"use strict";(self.webpackChunkrlayers=self.webpackChunkrlayers||[]).push([[2883],{2381:(e,t,r)=>{r.d(t,{A:()=>o});var l=r(945),n=r(5042),a=r(2662);class o extends a.A{constructor(e){var t;super(e),this.source=new n.A({layer:this.props.layer,apiKey:this.props.apiKey,retina:null!==(t=this.props.retina)&&void 0!==t&&t}),this.ol=new l.A({source:this.source}),this.eventSources=[this.ol,this.source]}}},2883:(e,t,r)=>{r.r(t),r.d(t,{default:()=>m});var l=r(6540),n=r(6391),a=r(4662),o=(r(5045),r(7240)),c=r(5111),s=r(2381);const i={0:{width:6,font:"1.2rem helvetica,sans-serif"},1:{width:5,font:"0.6rem helvetica,sans-serif"},2:{width:3,font:"0.5rem helvetica,sans-serif"},def:{width:1,font:"0.4rem helvetica,sans-serif"}};function m(){const[e,t]=l.useState(""),r=(0,c.useRStyle)(),m=(0,l.useMemo)((()=>new a.A),[]);return l.createElement(l.Fragment,null,l.createElement(c.RStyleArray,{ref:r,render:(0,l.useCallback)((e=>{var t;const{width:r,font:n}=null!==(t=i[e.get("p")])&&void 0!==t?t:i.def,a="#ffff"+e.get("c").charAt(0).toString("hex").substring(0,2).padStart(2,"0");return l.createElement(l.Fragment,null,l.createElement(c.RStyle,{zIndex:10},l.createElement(c.RCircle,{radius:r},l.createElement(c.RStroke,{color:"#007bff",width:r}),l.createElement(c.RFill,{color:"#007bff"})),l.createElement(c.RText,{font:n,text:e.get("n")},l.createElement(c.RStroke,{color:"#007bff",width:2}),l.createElement(c.RFill,{color:a}))),l.createElement(c.RStyle,{zIndex:0},l.createElement(c.RCircle,{radius:1.5*r},l.createElement(c.RStroke,{color:"#000000",width:1.5*r}),l.createElement(c.RFill,{color:"#000000"}))))}),[])}),l.createElement(o.f9,{className:"example-map",initial:{center:(0,n.Rb)([2.364,48.82],"EPSG:4326"),zoom:8},projection:"EPSG:4326"},l.createElement(s.A,{layer:"stamen_watercolor"}),l.createElement(o.Ji,{onPointerEnter:l.useCallback((e=>{var r;return(null===(r=e.target)||void 0===r?void 0:r.get)&&t(e.target.get("n")+", "+e.target.get("c"))}),[t]),url:"https://velivole.b-cdn.net/tiles/admin/{z}/{x}/{y}.pbf",projection:"EPSG:4326",format:m},l.createElement(c.RStyle,null,l.createElement(c.RStroke,{color:"#007bff",width:2}),l.createElement(c.RFill,{color:"transparent"}))),l.createElement(o.Ji,{url:"https://velivole.b-cdn.net/tiles/place/0/{z}/{x}/{y}.pbf",projection:"EPSG:4326",maxResolution:.01,style:r,format:m}),l.createElement(o.Ji,{url:"https://velivole.b-cdn.net/tiles/place/1/{z}/{x}/{y}.pbf",projection:"EPSG:4326",maxResolution:.0025,style:r,format:m}),l.createElement(o.Ji,{url:"https://velivole.b-cdn.net/tiles/place/2/{z}/{x}/{y}.pbf",projection:"EPSG:4326",maxResolution:5e-4,style:r,format:m})),l.createElement("div",{className:"mx-0 mt-0 mb-3 p-1 w-100 jumbotron shadow shadow"},l.createElement("p",null,"You are now in ",l.createElement("strong",null,e))))}}}]);