tchen-vuelayers
Version:
Web map Vue components with the power of OpenLayers
1 lines • 12.9 kB
Source Map (JSON)
{"version":3,"sources":["style.css","../src/sass/main.sass","../node_modules/ol/ol.css","../src/sass/_map.sass","../src/sass/_mixins.sass","../src/sass/_overlay.sass"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;ACTH,+BAA+B;ACA/B;EACE,+BAAsB;UAAtB,uBAAsB;EACtB,mBAAkB;EAClB,uBAAsB,EACvB;AAED;EACE,SAAQ;EACR,WAAU;EACV,mBAAkB,EACnB;AAED;EACE,kCAA8B;EAC9B,mBAAkB;EAClB,YAAW;EACX,UAAS;EACT,aAAY;EACZ,mBAAkB,EACnB;AACD;EACE,uBAAsB;EACtB,iBAAgB;EAChB,YAAW;EACX,gBAAe;EACf,mBAAkB;EAClB,YAAW;EACX,6BAA4B,EAC7B;AACD;EACE,mCAAkC,EACnC;AAED;EACE,cAAa,EACd;AACD;EACE,4BAA2B;EAC3B,0BAAyB;EACzB,uBAAsB;EACtB,sBAAqB;EACrB,kBAAiB;EACjB,8CAA0C,EAC3C;AACD;EACE,+BAA8B;EAC9B,0BAAyB;EACzB,uBAAsB;EACtB,sBAAqB;EACrB,kBAAiB,EAClB;AACD;EACE,yBAAwB;EAExB,iBAAgB,EACjB;AACD;EACE,aAAY;EACZ,qBAAoB;EAEpB,aAAY,EACb;AACD;EACE,mBAAkB;EAClB,2CAAuC;EACvC,mBAAkB;EAClB,aAAY,EACb;AACD;EACE,2CAAuC,EACxC;AACD;EACE,UAAS;EACT,WAAU,EACX;AACD;EACE,UAAS;EACT,YAAW;EACX,8DAAqD;EAArD,sDAAqD,EACtD;AACD;EACE,WAAU;EACV,mBAAkB;EAClB,mEAA0D;EAA1D,2DAA0D,EAC3D;AACD;EACE,aAAY;EACZ,WAAU,EACX;AACD;EACE,YAAW;EACX,UAAS,EACV;AACD;EACE;IACE,cAAa,EACd,EAAA;AAGH;EACE,eAAc;EACd,YAAW;EACX,WAAU;EACV,aAAY;EACZ,kBAAiB;EACjB,kBAAiB;EACjB,sBAAqB;EACrB,mBAAkB;EAClB,gBAAe;EACf,eAAc;EACd,kBAAiB;EACjB,wCAAoC;EACpC,aAAY;EACZ,mBAAkB,EACnB;AACD;EACE,aAAY;EACZ,WAAU,EACX;AACD;EACE,mBAAkB,EACnB;AACD;EACE,eAAc;EACd,oBAAmB;EACnB,iBAAgB;EAChB,uBAAsB,EACvB;AACD;EACE,iBAAgB,EACjB;AACD;EACE,WAAU,EACX;AACD;;EAEE,sBAAqB;EACrB,wCAAoC,EACrC;AACD;EACE,2BAA0B,EAC3B;AACD;EACE,2BAA0B,EAC3B;AAGD;EACE,kBAAiB;EACjB,aAAY;EACZ,YAAW;EACX,8BAA6B,EAC9B;AAED;EACE,UAAS;EACT,gBAAe;EACf,iBAAgB;EAChB,qBAAoB;EACpB,YAAW;EACX,0BAAyB,EAC1B;AACD;EACE,gBAAe;EACf,iBAAgB;EAChB,qBAAoB,EACrB;AACD;EACE,aAAY,EACb;AACD;EACE,gBAAe;EACf,mBAAkB;EAClB,uBAAsB,EACvB;AACD;EACE,sBAAqB,EACtB;AACD;EACE,cAAa,EACd;AACD;EACE,qCAAiC,EAClC;AACD;EACE,UAAS;EACT,SAAQ;EACR,uBAAsB;EACtB,cAAa;EACb,iBAAgB,EACjB;AACD;EACE,kBAAiB;EACjB,kBAAiB,EAClB;AACD;EACE,cAAa,EACd;AAED;EACE,WAAU;EACV,WAAU;EACV,cAAa,EACd;AACD;EACE,mBAAkB;EAClB,aAAY,EACb;AAED;EACE,WAAU,EACX;AAED;EACE,YAAW;EACX,cAAa,EACd;AACD;EACE,UAAS;EACT,QAAO;EACP,yBAAwB,EACzB;AACD;;EAEE,sBAAqB,EACtB;AACD;EACE,0BAAyB;EACzB,cAAa;EACb,YAAW;EACX,aAAY,EACb;AACD;EACE,YAAW;EACX,UAAS;EACT,mBAAkB,EACnB;AACD;;EAEE,cAAa,EACd;AACD;EACE,qCAAiC,EAClC;AACD;EACE,yCAAqC,EACtC;AAED;EACE,aAAY,EACb;ADxPD,2BAA2B;AEA3B;ECDE,YDEmB;ECDnB,aDCyB,EAAI;AEH/B;EACE,mBAAkB;EAClB,mBAAkB,EAEQ;AAD1B;IACE,oBAAmB,EAAA","file":"style.css","sourcesContent":["/**\n * VueLayers\n * Web map Vue components with the power of OpenLayers\n *\n * @package vuelayers\n * @author Vladimir Vershinin <ghettovoice@gmail.com>\n * @version 0.11.1\n * @license MIT\n * @copyright (c) 2017-2019, Vladimir Vershinin <ghettovoice@gmail.com>\n */\n/* include OpenLayers styles */\n.ol-box {\n box-sizing: border-box;\n border-radius: 2px;\n border: 2px solid blue; }\n\n.ol-mouse-position {\n top: 8px;\n right: 8px;\n position: absolute; }\n\n.ol-scale-line {\n background: rgba(0, 60, 136, 0.3);\n border-radius: 4px;\n bottom: 8px;\n left: 8px;\n padding: 2px;\n position: absolute; }\n\n.ol-scale-line-inner {\n border: 1px solid #eee;\n border-top: none;\n color: #eee;\n font-size: 10px;\n text-align: center;\n margin: 1px;\n will-change: contents, width; }\n\n.ol-overlay-container {\n will-change: left,right,top,bottom; }\n\n.ol-unsupported {\n display: none; }\n\n.ol-viewport, .ol-unselectable {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }\n\n.ol-selectable {\n -webkit-touch-callout: default;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n\n.ol-grabbing {\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: grabbing; }\n\n.ol-grab {\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: grab; }\n\n.ol-control {\n position: absolute;\n background-color: rgba(255, 255, 255, 0.4);\n border-radius: 4px;\n padding: 2px; }\n\n.ol-control:hover {\n background-color: rgba(255, 255, 255, 0.6); }\n\n.ol-zoom {\n top: .5em;\n left: .5em; }\n\n.ol-rotate {\n top: .5em;\n right: .5em;\n transition: opacity .25s linear, visibility 0s linear; }\n\n.ol-rotate.ol-hidden {\n opacity: 0;\n visibility: hidden;\n transition: opacity .25s linear, visibility 0s linear .25s; }\n\n.ol-zoom-extent {\n top: 4.643em;\n left: .5em; }\n\n.ol-full-screen {\n right: .5em;\n top: .5em; }\n\n@media print {\n .ol-control {\n display: none; } }\n\n.ol-control button {\n display: block;\n margin: 1px;\n padding: 0;\n color: white;\n font-size: 1.14em;\n font-weight: bold;\n text-decoration: none;\n text-align: center;\n height: 1.375em;\n width: 1.375em;\n line-height: .4em;\n background-color: rgba(0, 60, 136, 0.5);\n border: none;\n border-radius: 2px; }\n\n.ol-control button::-moz-focus-inner {\n border: none;\n padding: 0; }\n\n.ol-zoom-extent button {\n line-height: 1.4em; }\n\n.ol-compass {\n display: block;\n font-weight: normal;\n font-size: 1.2em;\n will-change: transform; }\n\n.ol-touch .ol-control button {\n font-size: 1.5em; }\n\n.ol-touch .ol-zoom-extent {\n top: 5.5em; }\n\n.ol-control button:hover,\n.ol-control button:focus {\n text-decoration: none;\n background-color: rgba(0, 60, 136, 0.7); }\n\n.ol-zoom .ol-zoom-in {\n border-radius: 2px 2px 0 0; }\n\n.ol-zoom .ol-zoom-out {\n border-radius: 0 0 2px 2px; }\n\n.ol-attribution {\n text-align: right;\n bottom: .5em;\n right: .5em;\n max-width: calc(100% - 1.3em); }\n\n.ol-attribution ul {\n margin: 0;\n padding: 0 .5em;\n font-size: .7rem;\n line-height: 1.375em;\n color: #000;\n text-shadow: 0 0 2px #fff; }\n\n.ol-attribution li {\n display: inline;\n list-style: none;\n line-height: inherit; }\n\n.ol-attribution li:not(:last-child):after {\n content: \" \"; }\n\n.ol-attribution img {\n max-height: 2em;\n max-width: inherit;\n vertical-align: middle; }\n\n.ol-attribution ul, .ol-attribution button {\n display: inline-block; }\n\n.ol-attribution.ol-collapsed ul {\n display: none; }\n\n.ol-attribution:not(.ol-collapsed) {\n background: rgba(255, 255, 255, 0.8); }\n\n.ol-attribution.ol-uncollapsible {\n bottom: 0;\n right: 0;\n border-radius: 4px 0 0;\n height: 1.1em;\n line-height: 1em; }\n\n.ol-attribution.ol-uncollapsible img {\n margin-top: -.2em;\n max-height: 1.6em; }\n\n.ol-attribution.ol-uncollapsible button {\n display: none; }\n\n.ol-zoomslider {\n top: 4.5em;\n left: .5em;\n height: 200px; }\n\n.ol-zoomslider button {\n position: relative;\n height: 10px; }\n\n.ol-touch .ol-zoomslider {\n top: 5.5em; }\n\n.ol-overviewmap {\n left: 0.5em;\n bottom: 0.5em; }\n\n.ol-overviewmap.ol-uncollapsible {\n bottom: 0;\n left: 0;\n border-radius: 0 4px 0 0; }\n\n.ol-overviewmap .ol-overviewmap-map,\n.ol-overviewmap button {\n display: inline-block; }\n\n.ol-overviewmap .ol-overviewmap-map {\n border: 1px solid #7b98bc;\n height: 150px;\n margin: 2px;\n width: 150px; }\n\n.ol-overviewmap:not(.ol-collapsed) button {\n bottom: 1px;\n left: 2px;\n position: absolute; }\n\n.ol-overviewmap.ol-collapsed .ol-overviewmap-map,\n.ol-overviewmap.ol-uncollapsible button {\n display: none; }\n\n.ol-overviewmap:not(.ol-collapsed) {\n background: rgba(255, 255, 255, 0.8); }\n\n.ol-overviewmap-box {\n border: 2px dotted rgba(0, 60, 136, 0.7); }\n\n.ol-overviewmap .ol-overviewmap-box:hover {\n cursor: move; }\n\n/* VueLayers base styles */\n.vl-map {\n width: 100%;\n height: 100%; }\n\n.vl-overlay {\n position: absolute;\n visibility: hidden; }\n .vl-overlay.visible {\n visibility: visible; }","/* include OpenLayers styles */\n@import \"ol/ol\";\n/* VueLayers base styles */\n@import \"utils\";\n@import \"map\";\n@import \"overlay\";\n",".ol-box {\n box-sizing: border-box;\n border-radius: 2px;\n border: 2px solid blue;\n}\n\n.ol-mouse-position {\n top: 8px;\n right: 8px;\n position: absolute;\n}\n\n.ol-scale-line {\n background: rgba(0,60,136,0.3);\n border-radius: 4px;\n bottom: 8px;\n left: 8px;\n padding: 2px;\n position: absolute;\n}\n.ol-scale-line-inner {\n border: 1px solid #eee;\n border-top: none;\n color: #eee;\n font-size: 10px;\n text-align: center;\n margin: 1px;\n will-change: contents, width;\n}\n.ol-overlay-container {\n will-change: left,right,top,bottom;\n}\n\n.ol-unsupported {\n display: none;\n}\n.ol-viewport, .ol-unselectable {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n.ol-selectable {\n -webkit-touch-callout: default;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n}\n.ol-grabbing {\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: grabbing;\n}\n.ol-grab {\n cursor: move;\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: grab;\n}\n.ol-control {\n position: absolute;\n background-color: rgba(255,255,255,0.4);\n border-radius: 4px;\n padding: 2px;\n}\n.ol-control:hover {\n background-color: rgba(255,255,255,0.6);\n}\n.ol-zoom {\n top: .5em;\n left: .5em;\n}\n.ol-rotate {\n top: .5em;\n right: .5em;\n transition: opacity .25s linear, visibility 0s linear;\n}\n.ol-rotate.ol-hidden {\n opacity: 0;\n visibility: hidden;\n transition: opacity .25s linear, visibility 0s linear .25s;\n}\n.ol-zoom-extent {\n top: 4.643em;\n left: .5em;\n}\n.ol-full-screen {\n right: .5em;\n top: .5em;\n}\n@media print {\n .ol-control {\n display: none;\n }\n}\n\n.ol-control button {\n display: block;\n margin: 1px;\n padding: 0;\n color: white;\n font-size: 1.14em;\n font-weight: bold;\n text-decoration: none;\n text-align: center;\n height: 1.375em;\n width: 1.375em;\n line-height: .4em;\n background-color: rgba(0,60,136,0.5);\n border: none;\n border-radius: 2px;\n}\n.ol-control button::-moz-focus-inner {\n border: none;\n padding: 0;\n}\n.ol-zoom-extent button {\n line-height: 1.4em;\n}\n.ol-compass {\n display: block;\n font-weight: normal;\n font-size: 1.2em;\n will-change: transform;\n}\n.ol-touch .ol-control button {\n font-size: 1.5em;\n}\n.ol-touch .ol-zoom-extent {\n top: 5.5em;\n}\n.ol-control button:hover,\n.ol-control button:focus {\n text-decoration: none;\n background-color: rgba(0,60,136,0.7);\n}\n.ol-zoom .ol-zoom-in {\n border-radius: 2px 2px 0 0;\n}\n.ol-zoom .ol-zoom-out {\n border-radius: 0 0 2px 2px;\n}\n\n\n.ol-attribution {\n text-align: right;\n bottom: .5em;\n right: .5em;\n max-width: calc(100% - 1.3em);\n}\n\n.ol-attribution ul {\n margin: 0;\n padding: 0 .5em;\n font-size: .7rem;\n line-height: 1.375em;\n color: #000;\n text-shadow: 0 0 2px #fff;\n}\n.ol-attribution li {\n display: inline;\n list-style: none;\n line-height: inherit;\n}\n.ol-attribution li:not(:last-child):after {\n content: \" \";\n}\n.ol-attribution img {\n max-height: 2em;\n max-width: inherit;\n vertical-align: middle;\n}\n.ol-attribution ul, .ol-attribution button {\n display: inline-block;\n}\n.ol-attribution.ol-collapsed ul {\n display: none;\n}\n.ol-attribution:not(.ol-collapsed) {\n background: rgba(255,255,255,0.8);\n}\n.ol-attribution.ol-uncollapsible {\n bottom: 0;\n right: 0;\n border-radius: 4px 0 0;\n height: 1.1em;\n line-height: 1em;\n}\n.ol-attribution.ol-uncollapsible img {\n margin-top: -.2em;\n max-height: 1.6em;\n}\n.ol-attribution.ol-uncollapsible button {\n display: none;\n}\n\n.ol-zoomslider {\n top: 4.5em;\n left: .5em;\n height: 200px;\n}\n.ol-zoomslider button {\n position: relative;\n height: 10px;\n}\n\n.ol-touch .ol-zoomslider {\n top: 5.5em;\n}\n\n.ol-overviewmap {\n left: 0.5em;\n bottom: 0.5em;\n}\n.ol-overviewmap.ol-uncollapsible {\n bottom: 0;\n left: 0;\n border-radius: 0 4px 0 0;\n}\n.ol-overviewmap .ol-overviewmap-map,\n.ol-overviewmap button {\n display: inline-block;\n}\n.ol-overviewmap .ol-overviewmap-map {\n border: 1px solid #7b98bc;\n height: 150px;\n margin: 2px;\n width: 150px;\n}\n.ol-overviewmap:not(.ol-collapsed) button{\n bottom: 1px;\n left: 2px;\n position: absolute;\n}\n.ol-overviewmap.ol-collapsed .ol-overviewmap-map,\n.ol-overviewmap.ol-uncollapsible button {\n display: none;\n}\n.ol-overviewmap:not(.ol-collapsed) {\n background: rgba(255,255,255,0.8);\n}\n.ol-overviewmap-box {\n border: 2px dotted rgba(0,60,136,0.7);\n}\n\n.ol-overviewmap .ol-overviewmap-box:hover {\n cursor: move;\n}\n","@import \"mixins\";\n\n.vl-map {\n @include vl-wh(100%, 100%); }\n","@mixin vl-wh($w: auto, $h: auto) {\n width: $w;\n height: $h; }\n\n@mixin vl-hidden() {\n display: none !important; }\n",".vl-overlay {\n position: absolute;\n visibility: hidden;\n &.visible {\n visibility: visible; } }\n"]}