openlayers-react
Version:
OpenLayer React Components
2 lines • 15.7 kB
JavaScript
!function(e){function t(t){for(var r,i,l=t[0],c=t[1],s=t[2],u=0,m=[];u<l.length;u++)i=l[u],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&m.push(o[i][0]),o[i]=0;for(r in c)Object.prototype.hasOwnProperty.call(c,r)&&(e[r]=c[r]);for(p&&p(t);m.length;)m.shift()();return a.push.apply(a,s||[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],r=!0,l=1;l<n.length;l++){var c=n[l];0!==o[c]&&(r=!1)}r&&(a.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},o={0:0},a=[];function i(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=r,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/dist/";var l=window.webpackJsonp=window.webpackJsonp||[],c=l.push.bind(l);l.push=t,l=l.slice();for(var s=0;s<l.length;s++)t(l[s]);var p=c;a.push([107,1]),n()}({107:function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),a=n(57),i=n.n(a),l=n(129),c=n(126),s=n(127),p=n(128),u=(n(101),n(84)),m=o.a.createContext(null),f=o.a.createContext(null);function d(){return(d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function v(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var y=function(e){var t=e.mapId,n=e.children,r=e.initialMapOptions,a=e.onchange,i=e.onchangeLayerGroup,l=e.onchangeTarget,c=e.onchangeView,s=e.onclick,p=e.ondblclick,y=e.onmovestart,h=e.onmoveend,g=e.onpointerdrag,w=e.onpointermove,b=e.onpostcompose,E=e.onpostrender,O=e.onprecompose,x=e.onpropertychange,M=e.onrendercomplete,j=e.onsingleclick,P=v(e,["mapId","children","initialMapOptions","onchange","onchangeLayerGroup","onchangeTarget","onchangeView","onclick","ondblclick","onmovestart","onmoveend","onpointerdrag","onpointermove","onpostcompose","onpostrender","onprecompose","onpropertychange","onrendercomplete","onsingleclick"]),S=o.a.useRef(null),k=new u.a({controls:r.controls,interactions:r.interactions,layers:r.layers,view:r.view,overlays:r.overlays}),C=o.a.useContext(f);return t&&C&&C.registerMap(k,t),o.a.useEffect(function(){return a&&k.on("change",a),i&&k.on("change:layerGroup",i),l&&k.on("change:target",l),c&&k.on("change:view",c),s&&k.on("click",s),p&&k.on("dblclick",p),y&&k.on("movestart",y),h&&k.on("moveend",h),g&&k.on("pointerdrag",g),w&&k.on("pointermove",w),b&&k.on("postcompose",b),E&&k.on("postrender",E),O&&k.on("precompose",O),x&&k.on("propertychange",x),M&&k.on("rendercomplete",M),j&&k.on("singleclick",j),S.current&&k.setTarget(S.current),function(){k.setTarget(void 0)}},[S]),o.a.createElement(m.Provider,{value:{map:k}},o.a.createElement("div",d({ref:S},P),n))};function h(){return(h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function E(e){var t,n=e.controlType,r=e.controlProps,a=e.mapId,i=b(e,["controlType","controlProps","mapId"]),l=o.a.useContext(f),c=o.a.useContext(m),s=o.a.useRef(null);return l&&a?t=l.maps.get(a):c&&(t=c.map),o.a.useEffect(function(){var e=new n(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(n,!0).forEach(function(t){w(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},r,{target:s.current}));return t&&(e.setMap(t),t.addControl(e)),function(){t&&t.removeControl(e),e.dispose()}},[t]),o.a.createElement("div",h({ref:s},i))}var O=n(43),x=n(42),M=n(78),j=n(49),P=n(74),S=n(67),k=n(36),C=n(82).mouseControl,T={controls:[new M.a({units:"imperial"}),new j.a,new P.a({}),new S.a({projection:"EPSG:4326",className:"ol-mouse-position ".concat(C)})],layers:[new O.a({source:new x.a({url:"https://wms.geo.admin.ch/",crossOrigin:"anonymous",attributions:'© <a href="http://www.geo.admin.ch/internet/geoportal/en/home.html">Pixelmap 1:1000000 / geo.admin.ch</a>',params:{LAYERS:"ch.swisstopo.pixelkarte-farbe-pk1000.noscale",FORMAT:"image/jpeg"},serverType:"mapserver"})})],view:new k.a({center:[0,0],zoom:4})},I=function(){return r.createElement(y,{initialMapOptions:T})},z=n(82).mouseControl,A={controls:[new j.a,new S.a({projection:"EPSG:3857",className:"ol-mouse-position ".concat(z)})],layers:[new O.a({source:new x.a({url:"https://wms.geo.admin.ch/",crossOrigin:"anonymous",attributions:'© <a href="http://www.geo.admin.ch/internet/geoportal/en/home.html">Pixelmap 1:1000000 / geo.admin.ch</a>',params:{LAYERS:"ch.swisstopo.pixelkarte-farbe-pk1000.noscale",FORMAT:"image/jpeg"},serverType:"mapserver"})})],view:new k.a({center:[934366,5904607],zoom:4,projection:"EPSG:3857"})},G={controls:[new j.a,new S.a({projection:"EPSG:4326",className:"ol-mouse-position ".concat(z)})],layers:[new O.a({source:new x.a({url:"https://wms.geo.admin.ch/",crossOrigin:"anonymous",attributions:'© <a href="http://www.geo.admin.ch/internet/geoportal/en/home.html">Pixelmap 1:1000000 / geo.admin.ch</a>',params:{LAYERS:"ch.swisstopo.pixelkarte-farbe-pk1000.noscale",FORMAT:"image/jpeg"},serverType:"mapserver"})})],view:new k.a({center:[8.3,46.5],zoom:4,projection:"EPSG:4326"})};function R(){var e=new Map;return r.createElement(f.Provider,{value:{maps:e,registerMap:function(t,n){e.set(n,t)}}},r.createElement("div",{style:{display:"flex",flexDirection:"row",height:"100%",width:"100%"}},r.createElement("div",{style:{padding:"1rem"}},r.createElement("button",{style:{padding:"1rem",whiteSpace:"nowrap"},onClick:function(t){t.preventDefault();var n=!0,r=!1,o=void 0;try{for(var a,i=e.values()[Symbol.iterator]();!(n=(a=i.next()).done);n=!0){var l=a.value.getView();l.setZoom((l.getZoom()||1)+1)}}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}}},"Double zoom +"),r.createElement("button",{style:{padding:"1rem",whiteSpace:"nowrap"},onClick:function(t){t.preventDefault();var n=!0,r=!1,o=void 0;try{for(var a,i=e.values()[Symbol.iterator]();!(n=(a=i.next()).done);n=!0){var l=a.value.getView();l.setZoom((l.getZoom()||2)-1)}}catch(e){r=!0,o=e}finally{try{n||null==i.return||i.return()}finally{if(r)throw o}}}},"Double zoom -")),r.createElement("div",{style:{flex:"1 1 auto"}},r.createElement("div",{style:{height:"50%",border:"inset",boxSizing:"border-box"}},r.createElement(y,{mapId:"mapA",initialMapOptions:A})),r.createElement("div",{style:{height:"50%",border:"inset",boxSizing:"border-box"}},r.createElement(y,{mapId:"mapB",initialMapOptions:G})))))}var _=n(59),D=n(10),L={controls:[new M.a({units:"imperial"}),new _.a,new j.a],layers:[new O.a({source:new x.a({url:"https://wms.geo.admin.ch/",crossOrigin:"anonymous",attributions:'© <a href="http://www.geo.admin.ch/internet/geoportal/en/home.html">Pixelmap 1:1000000 / geo.admin.ch</a>',params:{LAYERS:"ch.swisstopo.pixelkarte-farbe-pk1000.noscale",FORMAT:"image/jpeg"},serverType:"mapserver"})})],view:new k.a({center:[0,0],zoom:4,projection:"EPSG:4326"})};function B(){var e=new Map;return r.createElement(f.Provider,{value:{maps:e,registerMap:function(t,n){e.set(n,t)}}},r.createElement("div",{style:{display:"flex",flexDirection:"row",height:"100%",width:"100%"}},r.createElement("div",{style:{padding:"1rem"}},r.createElement("div",null,r.createElement("label",null,"Change perspective",r.createElement("select",{defaultValue:"EPSG:4326",onChange:function(t){var n=e.get("changeMap");if(n&&t.target.value){var r=n.getView(),o=new k.a({projection:t.target.value,zoom:r.getZoom()}),a=r.getCenter();a&&o.setCenter(Object(D.i)(a,r.getProjection(),o.getProjection())),n.setView(o),r.dispose(),n.render(),n.getLayers().item(0).getSource().refresh()}}},r.createElement("option",{value:"EPSG:4326"},"EPSG:4326"),r.createElement("option",{value:"EPSG:3857"},"EPSG:3857"))))),r.createElement("div",{style:{flex:"1 1 auto"}},r.createElement(y,{mapId:"changeMap",initialMapOptions:L}))))}var N=n(35);function F(e){return(F="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function V(e,t){return!t||"object"!==F(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function Y(e){return(Y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Z(e,t){return(Z=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var J=function(e){function t(e){var n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=document.createElement("div");return r.style.position="absolute",r.style.bottom="0px",r.style.left="50%",r.style.transform="translateX(-50%)",n=V(this,Y(t).call(this,{target:e.target,element:r})),e.zoomButtons.forEach(function(e,t){var o=document.createElement("button");o.textContent=e.toString(),o.addEventListener("click",function(t){t.preventDefault();var r=n.getMap().getView();r&&r.setZoom(e)}),r.appendChild(o)}),n}return 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}}),t&&Z(e,t)}(t,N["a"]),t}();function X(){var e=new Map;return r.createElement(f.Provider,{value:{maps:e,registerMap:function(t,n){e.set(n,t)}}},r.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},r.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",zIndex:1}},r.createElement(y,{mapId:"customMap",initialMapOptions:{controls:[],layers:[new O.a({source:new x.a({url:"https://wms.geo.admin.ch/",crossOrigin:"anonymous",attributions:'© <a href="http://www.geo.admin.ch/internet/geoportal/en/home.html">Pixelmap 1:1000000 / geo.admin.ch</a>',params:{LAYERS:"ch.swisstopo.pixelkarte-farbe-pk1000.noscale",FORMAT:"image/jpeg"},serverType:"mapserver"})})],view:new k.a({center:[0,0],zoom:4,enableRotation:!0})}})),r.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",pointerEvents:"none",zIndex:1}},r.createElement(E,{mapId:"customMap",controlType:_.a,controlProps:{},style:{zIndex:2,pointerEvents:"initial"}}),r.createElement(E,{mapId:"customMap",controlType:j.a,controlProps:{},style:{zIndex:2,pointerEvents:"initial"}}),r.createElement(E,{mapId:"customMap",controlType:J,controlProps:{zoomButtons:[1,4,7,11]},style:{zIndex:2,pointerEvents:"initial"}}))))}function q(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,o=!1,a=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw a}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function H(){var e=q(r.useState(!1),2),t=e[0],n=e[1],o=r.useContext(m);if(!o)return null;return r.useEffect(function(){var e=function(){var e=Boolean(document.fullscreenElement);e!==t&&n(e)};return document.addEventListener("fullscreenchange",e),function(){document.removeEventListener("fullscreenchange",e)}},[o.map]),r.createElement("button",{onClick:function(){t?document.exitFullscreen():o.map.getTargetElement().requestFullscreen(),n(!t)}},t?"Exit fullscreen":"Show fullscreen")}var K,Q={controls:[],layers:[new O.a({source:new x.a({url:"https://wms.geo.admin.ch/",crossOrigin:"anonymous",attributions:'© <a href="http://www.geo.admin.ch/internet/geoportal/en/home.html">Pixelmap 1:1000000 / geo.admin.ch</a>',params:{LAYERS:"ch.swisstopo.pixelkarte-farbe-pk1000.noscale",FORMAT:"image/jpeg"},serverType:"mapserver"})})],view:new k.a({center:[0,0],zoom:4})};function U(){return r.createElement(y,{initialMapOptions:Q},r.createElement("div",{style:{position:"absolute",zIndex:1}},r.createElement(H,null)))}function W(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,o=!1,a=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==l.return||l.return()}finally{if(o)throw a}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}!function(e){e[e.Basic=0]="Basic",e[e.ControlOutsideMap=1]="ControlOutsideMap",e[e.ModifyMap=2]="ModifyMap",e[e.MultipleMaps=3]="MultipleMaps",e[e.CustomControls=4]="CustomControls",e[e.NonOlControlExample=5]="NonOlControlExample"}(K||(K={}));var $=Object(c.a)(function(e){return{root:{flexGrow:1,backgroundColor:e.palette.background.paper,display:"flex",flexDirection:"column",height:"100%"},content:{height:"100%"}}});i.a.render(o.a.createElement(function(){var e=$(),t=W(o.a.useState(K.Basic),2),n=t[0],r=t[1],a=null;switch(n){case K.Basic:a=o.a.createElement(I,null);break;case K.ControlOutsideMap:a=o.a.createElement(X,null);break;case K.ModifyMap:a=o.a.createElement(B,null);break;case K.MultipleMaps:a=o.a.createElement(R,null);break;case K.NonOlControlExample:a=o.a.createElement(U,null)}return o.a.createElement("div",{className:e.root},o.a.createElement(l.a,{position:"static"},o.a.createElement(p.a,{value:n,onChange:function(e,t){r(t)},"aria-label":"simple tabs example"},o.a.createElement(s.a,{label:"Basic demo",value:K.Basic}),o.a.createElement(s.a,{label:"Modify map demo",value:K.ModifyMap}),o.a.createElement(s.a,{label:"Controls outside map demo",value:K.ControlOutsideMap}),o.a.createElement(s.a,{label:"Non-Ol control demo",value:K.NonOlControlExample}),o.a.createElement(s.a,{label:"Multiple maps demo",value:K.MultipleMaps}))),o.a.createElement("div",{className:e.content},a))},null),document.getElementById("appTarget"))},82:function(e,t,n){e.exports={mouseControl:"_3_OShGS4uAXp4TXxJtgOH"}}});
//# sourceMappingURL=app.402c79eabb0a15df6f67.bundle.js.map