├── .gitignore ├── src ├── img │ ├── 4square.jpg │ ├── screenshot.png │ ├── screenshot_27JAN.png │ └── screenshot_27JAN_2.png ├── L.DumbMGRS.scss ├── index.html ├── styles.scss └── index.js ├── dist ├── layers.350ec81b.png ├── layers.833a3ad0.png ├── layers-2x.7859b0a7.png ├── layers-2x.d8c4f271.png ├── marker-icon.28bcaf97.png ├── marker-icon.b29b8023.png ├── marker-shadow.4ea910b7.png ├── marker-shadow.d7be2ed1.png ├── index.html ├── src.54382973.css ├── src.54382973.css.map ├── src.e31bb0bc.css └── src.e31bb0bc.css.map ├── .babelrc ├── .eslintrc.json ├── LICENSE ├── package.json └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .cache -------------------------------------------------------------------------------- /src/img/4square.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/src/img/4square.jpg -------------------------------------------------------------------------------- /dist/layers.350ec81b.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/dist/layers.350ec81b.png -------------------------------------------------------------------------------- /dist/layers.833a3ad0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/dist/layers.833a3ad0.png -------------------------------------------------------------------------------- /src/img/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/src/img/screenshot.png -------------------------------------------------------------------------------- /dist/layers-2x.7859b0a7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/dist/layers-2x.7859b0a7.png -------------------------------------------------------------------------------- /dist/layers-2x.d8c4f271.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/dist/layers-2x.d8c4f271.png -------------------------------------------------------------------------------- /dist/marker-icon.28bcaf97.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/dist/marker-icon.28bcaf97.png -------------------------------------------------------------------------------- /dist/marker-icon.b29b8023.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/dist/marker-icon.b29b8023.png -------------------------------------------------------------------------------- /src/img/screenshot_27JAN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/src/img/screenshot_27JAN.png -------------------------------------------------------------------------------- /dist/marker-shadow.4ea910b7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/dist/marker-shadow.4ea910b7.png -------------------------------------------------------------------------------- /dist/marker-shadow.d7be2ed1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/dist/marker-shadow.d7be2ed1.png -------------------------------------------------------------------------------- /src/img/screenshot_27JAN_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pistell/Leaflet.DumbMGRS/HEAD/src/img/screenshot_27JAN_2.png -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | [ 4 | "@babel/preset-env", 5 | { 6 | "debug": true, 7 | "targets": { 8 | "ie": "11" 9 | }, 10 | "useBuiltIns": "usage" 11 | } 12 | ] 13 | ], 14 | "plugins": [["@babel/plugin-transform-runtime", { "regenerator": true }]] 15 | } 16 | -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["airbnb-base"], 3 | "rules": { 4 | "no-unused-expressions": ["error", { "allowTernary": true }], 5 | // Disable the capitalization of classes due to Leaflet's factory functions convention 6 | "new-cap": "off", 7 | // Disable unnamed functions due to Leaflet's factory functions convention 8 | "func-names": "off" 9 | }, 10 | "env": { 11 | "es6": true, 12 | "browser": true 13 | }, 14 | "parserOptions": { 15 | "ecmaVersion": 2018, 16 | "sourceType": "module" 17 | }, 18 | "globals": { 19 | // https://stackoverflow.com/questions/30398825/eslint-window-is-not-defined-how-to-allow-global-variables-in-package-json 20 | "document": true, 21 | "window": true, 22 | "Atomics": "readonly", 23 | "SharedArrayBuffer": "readonly" 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /src/L.DumbMGRS.scss: -------------------------------------------------------------------------------- 1 | // *********************************************************************************** // 2 | // * Leaflet.DumbMGRS - Grid Labels * // 3 | // *********************************************************************************** // 4 | .leaflet-grid-label { 5 | .grid-label-100k { 6 | background-color: yellow; 7 | font-size: 13px; 8 | //font-weight: bold; 9 | opacity: 0.6; 10 | color: red; 11 | position: relative; 12 | display: inline; 13 | padding: 1.75px; 14 | border: 1px black solid; 15 | border-radius: 2px; 16 | } 17 | .grid-label-1000m { 18 | background-color: yellow; 19 | font-size: larger; 20 | font-weight: bold; 21 | opacity: 0.8; 22 | color: black; 23 | text-align: center; 24 | position: relative; 25 | display: inline; 26 | padding: 5px; 27 | border-radius: 50%; 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 James Pistell 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "leaflet-dumbmgrs", 3 | "version": "1.0.0", 4 | "description": "An MGRS grid overlay plugin for your leaflet application.", 5 | "main": "./src/L.DumbMGRS.js", 6 | "scripts": { 7 | "clean": "rm dist/bundle.js", 8 | "start": "parcel src/index.html", 9 | "build-prod": "parcel build src/index.html" 10 | }, 11 | "repository": { 12 | "type": "git", 13 | "url": "git+https://github.com/pistell/Leaflet.DumbMGRS.git" 14 | }, 15 | "keywords": [ 16 | "leaflet", 17 | "leaflet plugin", 18 | "gis", 19 | "mgrs", 20 | "mgrs overlay", 21 | "usng" 22 | ], 23 | "author": { 24 | "name": "James Pistell", 25 | "email": "jamespistell@gmail.com", 26 | "url": "http://jamespistell.com/" 27 | }, 28 | "license": "MIT", 29 | "bugs": { 30 | "url": "https://github.com/pistell/Leaflet.DumbMGRS/issues" 31 | }, 32 | "homepage": "https://github.com/pistell/Leaflet.DumbMGRS#readme", 33 | "devDependencies": { 34 | "@babel/core": "^7.7.7", 35 | "@babel/plugin-transform-runtime": "^7.7.6", 36 | "@babel/preset-env": "^7.7.7", 37 | "@babel/runtime": "^7.7.7", 38 | "babel-plugin-runtime": "^1.0.7", 39 | "babel-preset-airbnb": "^4.4.0", 40 | "eslint": "^6.8.0", 41 | "eslint-config-airbnb-base": "^14.0.0", 42 | "parcel-bundler": "^1.12.4", 43 | "sass": "^1.24.0" 44 | }, 45 | "dependencies": { 46 | "leaflet": "^1.6.0" 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Leaflet DumbMGRS Plugin Example 4 | 5 | 6 | 7 |
8 |
9 |
10 |
MGRS
11 |
12 |
Latitude
13 |
14 |
Longitude
15 |
16 |
Easting
17 |
18 |
Northing
19 |
20 |
21 |
22 |
Number of Layers on Map
23 |
24 |
Number of Markers on Map
25 |
26 |
Current Map Zoom Level
27 |
28 |
29 |
30 |
31 | 32 |
33 |
34 |
35 |
36 | 37 | 38 |
39 |
40 |
1000m Labels
41 |
42 |
43 | 44 | 45 |
46 |
47 |
1000m Grids
48 |
49 |
50 | 51 | 52 |
53 |
54 |
100k Labels
55 |
56 |
57 | 58 | 59 |
60 |
61 |
100k Grids
62 |
63 |
64 | 65 | 66 |
67 |
68 |
GZD Labels
69 |
70 |
71 | 72 | 73 |
74 |
75 |
GZD Grids
76 |
77 |
78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Leaflet DumbMGRS Plugin Example 4 | 5 | 6 | 7 |
8 |
9 |
10 |
MGRS
11 |
12 |
Latitude
13 |
14 |
Longitude
15 |
16 |
Easting
17 |
18 |
Northing
19 |
20 |
21 |
22 |
Number of Layers on Map
23 |
24 |
Number of Markers on Map
25 |
26 |
Current Map Zoom Level
27 |
28 |
29 |
30 |
31 | 32 |
33 |
34 |
35 |
36 | 37 | 38 |
39 |
40 |
1000m Labels
41 |
42 |
43 | 44 | 45 |
46 |
47 |
1000m Grids
48 |
49 |
50 | 51 | 52 |
53 |
54 |
100k Labels
55 |
56 |
57 | 58 | 59 |
60 |
61 |
100k Grids
62 |
63 |
64 | 65 | 66 |
67 |
68 |
GZD Labels
69 |
70 |
71 | 72 | 73 |
74 |
75 |
GZD Grids
76 |
77 |
78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Leaflet.DumbMGRS 2 | 3 | An MGRS grid overlay plugin for your leaflet application. This plugin will enable you to display the Grid Zone Designators (1 million meters by 1 million meters), the 100K grid zones, and a 1000 meter grid interval 😎 This is my first Leaflet plugin, so I am open to all pull requests. 4 | 5 | [Demo](https://mgrs-mapper.com/app) 6 | 7 | ![screenshot](./src/img/screenshot_27JAN_2.png) 8 | 9 | ![screenshot](./src/img/4square.jpg) 10 | 11 | To install, clone the repo 12 | 13 | ```sh 14 | git clone https://github.com/pistell/Leaflet.DumbMGRS.git 15 | ``` 16 | 17 | Install dependencies: 18 | 19 | ```sh 20 | npm install 21 | ``` 22 | 23 | To run in hot module reloading mode (uses Parcel): 24 | 25 | ```sh 26 | npm start 27 | ``` 28 | 29 | To create a production build: 30 | 31 | ```sh 32 | npm run build-prod 33 | ``` 34 | 35 | Parcel will watch for any changes in the /src/ folder and automatically reload 36 | 37 | ## Running 38 | 39 | ```sh 40 | node dist/bundle.js 41 | ``` 42 | 43 | ## Overview 44 | 45 | I am trying to generate 3 types of grids 46 | 47 | 1. A Grid Zone Designator - 1 million by 1 million meter grid. The GZD is outlined in red and has a grid label in the center of it. 48 | 49 | 2. A 100K grid - 100k by 100k meter grid. This is filled with bugs and inefficient code. 50 | 51 | 3. A 1000M grid - 1000m by 1000m grid. 52 | 53 | ## Usage 54 | 55 | --- 56 | 57 | ```JavaScript 58 | import 'L.DumbMGRS.scss'; 59 | import { 60 | L, map, generateGZDGrids, generate100kGrids, generate1000meterGrids 61 | } from './L.DumbMGRS'; 62 | 63 | const map = L.map('map',{ 64 | center: [27.3815, -82.8259], 65 | zoom: 7, 66 | }); 67 | 68 | L.tileLayer('https://c.tile.openstreetmap.org/{z}/{x}/{y}.png', { 69 | maxZoom: 18, 70 | id: 'osm_map', 71 | }).addTo(map); 72 | 73 | // Grid Zone Designator (1 million by 1 million meters) 74 | const generateGZDGrids = new GZD({ 75 | // Example of initial options for GZD grids 76 | showLabels: true, 77 | showGrids: true, 78 | maxZoom: 18, 79 | minZoom: 4, 80 | redraw: 'moveend', 81 | lineStyle: { 82 | color: 'red', 83 | weight: 5, 84 | opacity: 0.5, 85 | smoothFactor: 1, 86 | lineCap: 'butt', 87 | lineJoin: 'miter-clip', 88 | noClip: true, 89 | interactive: false, 90 | }, 91 | }); 92 | 93 | // 100K Meter Grids 94 | const generate100kGrids = new MGRS100K({ 95 | // Example of initial options for 100K grids 96 | showLabels: true, 97 | showGrids: true, 98 | maxZoom: 18, 99 | minZoom: 6, 100 | redraw: 'moveend', 101 | gridLetterStyle: 'color: #216fff; font-size:12px;', 102 | lineStyle: { 103 | color: 'black', 104 | weight: 2, 105 | opacity: 0.75, 106 | interactive: false, 107 | fill: false, 108 | noClip: true, 109 | smoothFactor: 4, 110 | lineCap: 'butt', 111 | lineJoin: 'miter-clip', 112 | }, 113 | }); 114 | 115 | // 1000 Meter Grids 116 | const generate1000meterGrids = new MGRS1000Meters({ 117 | // Example of initial options for 1000 meter grids 118 | showLabels: true, 119 | showGrids: true, 120 | redraw: 'move', 121 | maxZoom: 18, 122 | minZoom: 12, 123 | gridLetterStyle: 'color: black; font-size:12px;', 124 | lineStyle: { 125 | color: 'black', 126 | weight: 1, 127 | opacity: 0.5, 128 | interactive: false, 129 | fill: false, 130 | noClip: true, 131 | smoothFactor: 4, 132 | lineCap: 'butt', 133 | lineJoin: 'miter-clip', 134 | }, 135 | }); 136 | 137 | // Now add them to your map 138 | generateGZDGrids.addTo(map); 139 | generate100kGrids.addTo(map); 140 | generate1000meterGrids.addTo(map); 141 | 142 | ``` 143 | 144 | ## Issues 145 | 146 | - [x] Need to come up with a method that toggles grid labels on and off 147 | 148 | - [ ] 100K grids fail around Antarctica 149 | 150 | - [x] 100K grid labels collide with each other when they start converging near the grid zone designator boundaries 151 | 152 | - [ ] 100K grids fail on GZD 31U,31V and 32V (These are the "special" case grid zones) 153 | 154 | - [ ] 100K grids in GZD 31U does not work when the GZDs to the north of it are in visible range 155 | 156 | - [ ] 1000m grids are all kinda jacked up in the southern hemisphere. 157 | -------------------------------------------------------------------------------- /src/styles.scss: -------------------------------------------------------------------------------- 1 | @import '../node_modules/leaflet/dist/leaflet.css'; 2 | @import './L.DumbMGRS.scss'; 3 | 4 | // *********************************************************************************** // 5 | // * Default styles and vars for example map * // 6 | // *********************************************************************************** // 7 | $primary-color: white; 8 | $bg: #204a79; 9 | $fontFamily: 'Roboto'; 10 | $sw-height: 30px; 11 | $sw-width: 51px; 12 | 13 | #map { 14 | height: 1000px; 15 | width: 1000px; 16 | cursor: crosshair; 17 | } 18 | 19 | svg { 20 | overflow: visible; 21 | } 22 | 23 | // *********************************************************************************** // 24 | // * Map Data - (Example Info Box) * // 25 | // *********************************************************************************** // 26 | .mapData { 27 | display: grid; 28 | grid-template-columns: repeat(2, 1fr); 29 | grid-template-rows: 1fr; 30 | grid-column-gap: 15px; 31 | grid-row-gap: 0px; 32 | width: 1015px; 33 | 34 | // Mouse Cursor Coordinates 35 | .cursorCoordinates { 36 | grid-area: 1 / 1 / 2 / 2; 37 | display: grid; 38 | grid-template-columns: repeat(10, 1fr); 39 | grid-template-rows: repeat(3, 1fr); 40 | grid-column-gap: 0px; 41 | grid-row-gap: 15px; 42 | width: 500px; 43 | margin-top: 10px; 44 | font-family: $fontFamily; 45 | outline-style: outset; 46 | strong { 47 | font-size: 1.2rem; 48 | } 49 | .info { 50 | font-size: 1.3rem; 51 | padding-left: 10px; 52 | } 53 | > div { 54 | outline-style: inset; 55 | padding-top: 10px; 56 | padding-bottom: 10px; 57 | text-align: center; 58 | } 59 | .div1 { 60 | grid-area: 1 / 1 / 2 / 3; 61 | } 62 | // MGRS 63 | .div2 { 64 | grid-area: 1 / 3 / 2 / 13; 65 | } 66 | .div3 { 67 | grid-area: 2 / 1 / 3 / 3; 68 | } 69 | // Latitude 70 | .div4 { 71 | grid-area: 2 / 3 / 3 / 6; 72 | } 73 | .div5 { 74 | grid-area: 2 / 6 / 3 / 8; 75 | } 76 | // Longitude 77 | .div6 { 78 | grid-area: 2 / 8 / 3 / 11; 79 | } 80 | .div7 { 81 | grid-area: 3 / 1 / 4 / 3; 82 | } 83 | // Easting 84 | .div8 { 85 | grid-area: 3 / 3 / 4 / 6; 86 | } 87 | .div9 { 88 | grid-area: 3 / 6 / 4 / 8; 89 | } 90 | // Northing 91 | .div10 { 92 | grid-area: 3 / 8 / 4 / 11; 93 | } 94 | } 95 | 96 | // Number of Layers on the Map 97 | .numberOfLayers { 98 | grid-area: 1 / 2 / 2 / 3; 99 | display: grid; 100 | grid-template-columns: repeat(5, 1fr); 101 | grid-template-rows: repeat(2, 1fr); 102 | grid-column-gap: 0px; 103 | grid-row-gap: 15px; 104 | width: 500px; 105 | margin-top: 10px; 106 | font-family: $fontFamily; 107 | outline-style: outset; 108 | height: fit-content; 109 | strong { 110 | font-size: 1.2rem; 111 | } 112 | .info { 113 | font-size: 1.3rem; 114 | padding-left: 10px; 115 | } 116 | > div { 117 | outline-style: inset; 118 | padding-top: 10px; 119 | padding-bottom: 10px; 120 | text-align: center; 121 | } 122 | .div1 { 123 | grid-area: 1 / 1 / 2 / 5; 124 | } 125 | // Number of Layers on Map 126 | .div2 { 127 | grid-area: 1 / 5 / 2 / 6; 128 | } 129 | // Current Zoom Level 130 | .div3 { 131 | grid-area: 3 / 1 / 3 / 5; 132 | } 133 | .div4 { 134 | grid-area: 3 / 5 / 3 / 6; 135 | } 136 | // Number of Markers on Map 137 | .div5 { 138 | grid-area: 2 / 1 / 3 / 5; 139 | } 140 | .div6 { 141 | grid-area: 2 / 5 / 3 / 6; 142 | } 143 | } 144 | } 145 | 146 | // *********************************************************************************** // 147 | // * Map Data - Toggle Switches - (Example Info Box) * // 148 | // *********************************************************************************** // 149 | .toggleSwitches { 150 | display: grid; 151 | grid-template-columns: repeat(2, 1fr); 152 | grid-template-rows: 1fr; 153 | grid-column-gap: 15px; 154 | grid-row-gap: 0px; 155 | width: 1015px; 156 | 157 | // Mouse Cursor Coordinates 158 | .grids1000Meters { 159 | grid-area: 1 / 1 / 2 / 2; 160 | display: grid; 161 | grid-template-columns: repeat(10, 1fr); 162 | grid-template-rows: repeat(3, 1fr); 163 | grid-column-gap: 0px; 164 | grid-row-gap: 15px; 165 | width: 500px; 166 | margin-top: 10px; 167 | font-family: $fontFamily; 168 | outline-style: outset; 169 | strong { 170 | font-size: 1.2rem; 171 | } 172 | .info { 173 | font-size: 1.2rem; 174 | padding-left: 5px; 175 | } 176 | > div { 177 | outline-style: inset; 178 | padding-top: 10px; 179 | padding-bottom: 10px; 180 | text-align: center; 181 | } 182 | 183 | // 1000 meter row 184 | .div3 { 185 | grid-area: 1 / 1 / 2 / 3; 186 | } 187 | .div4 { 188 | grid-area: 1 / 3 / 2 / 6; 189 | } 190 | .div5 { 191 | grid-area: 1 / 6 / 2 / 8; 192 | } 193 | .div6 { 194 | grid-area: 1 / 8 / 2 / 11; 195 | } 196 | 197 | // 100k row 198 | .div7 { 199 | grid-area: 2 / 1 / 3 / 3; 200 | } 201 | .div8 { 202 | grid-area: 2 / 3 / 3 / 6; 203 | } 204 | .div9 { 205 | grid-area: 2 / 6 / 3 / 8; 206 | } 207 | .div10 { 208 | grid-area: 2 / 8 / 3 / 11; 209 | } 210 | 211 | // GZD row 212 | .div11 { 213 | grid-area: 3 / 1 / 4 / 3; 214 | } 215 | .div12 { 216 | grid-area: 3 / 3 / 4 /6; 217 | } 218 | .div13 { 219 | grid-area: 3 / 6 / 4 / 8; 220 | } 221 | .div14 { 222 | grid-area: 3 / 8 / 4 / 11; 223 | } 224 | } 225 | 226 | // Styles for the toggle switches 227 | input { 228 | &.sw { 229 | opacity: 0; 230 | position: absolute; 231 | left: -9999px; 232 | 233 | & + label { 234 | user-select: none; 235 | transition: 0.2s ease; 236 | display: inline-block; 237 | height: $sw-height; 238 | width: $sw-width; 239 | position: relative; 240 | box-shadow: inset 0 0 0px 2px #e4e4e4; 241 | border-radius: 60px; 242 | &:before { 243 | content: ''; 244 | position: absolute; 245 | display: block; 246 | height: $sw-height; 247 | width: $sw-height; 248 | top: 0; 249 | left: 0; 250 | border-radius: $sw-height/2; 251 | background: rgba(76, 217, 100, 0); 252 | transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); 253 | } 254 | /* White toggle */ 255 | &:after { 256 | content: ''; 257 | position: absolute; 258 | display: block; 259 | height: 28px; 260 | width: 28px; 261 | top: 50%; 262 | margin-top: -14px; 263 | left: 1px; 264 | border-radius: 60px; 265 | background: #fff; 266 | box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05); 267 | transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); 268 | } 269 | span { 270 | white-space: nowrap; 271 | height: $sw-height; 272 | line-height: $sw-height; 273 | margin-left: $sw-width; 274 | padding-left: 16px; 275 | font-family: $fontFamily; 276 | } 277 | } 278 | 279 | &:checked { 280 | & + label:before { 281 | width: $sw-width; 282 | background: rgba(76, 217, 100, 1); 283 | transition: width 0.2s cubic-bezier(0, 0, 0, 0.1) !important; 284 | } 285 | & + label:after { 286 | left: $sw-width - $sw-height + 1; 287 | } 288 | & + label { 289 | box-shadow: inset 0 0 0px 25px #e4e4e4; 290 | transition: box-shadow 2.5s cubic-bezier(0, 1.2, 0.94, 0.95); 291 | } 292 | } 293 | 294 | &:disabled { 295 | & + label { 296 | background: red; 297 | opacity: 0.25; 298 | } 299 | } 300 | } 301 | } 302 | } 303 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import './styles.scss'; 2 | // Import the default marker icons from leaflet 3 | import icon from 'leaflet/dist/images/marker-icon.png'; 4 | import iconShadow from 'leaflet/dist/images/marker-shadow.png'; 5 | import { 6 | L, map, generateGZDGrids, generate100kGrids, generate1000meterGrids, LLtoUTM, UTMtoMGRS, 7 | } from './L.DumbMGRS'; 8 | import 'leaflet-draw/dist/leaflet.draw.css'; 9 | import 'leaflet-draw'; 10 | 11 | 12 | // *********************************************************************************** // 13 | // * Enable default images in the marker (for example page) * // 14 | // *********************************************************************************** // 15 | // https://github.com/Leaflet/Leaflet/issues/4968#issuecomment-264311098 16 | const DefaultIcon = L.icon({ 17 | iconUrl: icon, 18 | shadowUrl: iconShadow, 19 | // icon is 25x41 pixels, so adjust anchor point 20 | iconAnchor: [12.5, 41], 21 | popupAnchor: [0, -41], 22 | }); 23 | 24 | // Set the default marker icon to the constants provided above 25 | L.Marker.prototype.options.icon = DefaultIcon; 26 | 27 | 28 | // *********************************************************************************** // 29 | // * Add the Leaflet map to the page * // 30 | // *********************************************************************************** // 31 | L.tileLayer('https://c.tile.openstreetmap.org/{z}/{x}/{y}.png', { 32 | maxZoom: 18, 33 | id: 'osm_map', 34 | }).addTo(map); 35 | 36 | //! Draw 37 | function clearResults() { 38 | const resultsContentArea = document.getElementById('resultsContentArea'); 39 | resultsContentArea.value = ''; 40 | map.eachLayer((layer) => { 41 | if (!(layer instanceof L.TileLayer)) { 42 | map.removeLayer(layer); 43 | } 44 | }); 45 | } 46 | 47 | 48 | const drawnItems = new L.FeatureGroup(); 49 | map.addLayer(drawnItems); 50 | 51 | const drawControl = new L.Control.Draw({ 52 | edit: { 53 | featureGroup: drawnItems, 54 | 55 | }, 56 | }); 57 | 58 | map.addControl(drawControl); 59 | 60 | map.on('draw:created', (e) => { 61 | const { layer } = e; 62 | drawnItems.addLayer(layer); 63 | }); 64 | 65 | map.on('draw:started', () => { 66 | clearResults(); 67 | }); 68 | 69 | //! Control 70 | // const myTextLabel = L.marker(map.getCenter(), { 71 | // interactive: true, 72 | // icon: L.divIcon({ 73 | // className: 'text-labels', // Set class for CSS styling 74 | // html: ` 75 | // TEST 76 | // `, 77 | // }), 78 | // zIndexOffset: 1000, // Make appear above other map features 79 | // }); 80 | // myTextLabel.addTo(map); 81 | 82 | // *********************************************************************************** // 83 | // * Leaflet.DumbMGRS - Add plugins to the map * // 84 | // *********************************************************************************** // 85 | generateGZDGrids.addTo(map); 86 | generate100kGrids.addTo(map); 87 | generate1000meterGrids.addTo(map); 88 | 89 | // *********************************************************************************** // 90 | // * Helper functions (for debugging) * // 91 | // *********************************************************************************** // 92 | // Just a quicker way to add a marker, used for debugging purposes 93 | function mark(element) { 94 | const marker = new L.marker(element); 95 | const markerLat = marker.getLatLng().lat; 96 | const markerLng = marker.getLatLng().lng; 97 | const markerNorthing = LLtoUTM({ lat: markerLat, lon: markerLng }).northing; 98 | const markerEasting = LLtoUTM({ lat: markerLat, lon: markerLng }).easting; 99 | const markerZoneLetter = LLtoUTM({ lat: markerLat, lon: markerLng }).zoneLetter; 100 | const markerZoneNumber = LLtoUTM({ lat: markerLat, lon: markerLng }).zoneNumber; 101 | const popupContent = `

Lat: ${markerLat.toFixed(6)} Lng: ${markerLng.toFixed(6)}

102 |

Northing: ${markerNorthing}

103 |

Easting: ${markerEasting}

104 |

Zone Letter: ${markerZoneLetter}

105 |

Zone Number: ${markerZoneNumber}

`; 106 | marker.bindPopup(popupContent).openPopup(); 107 | return marker.addTo(map); 108 | } 109 | 110 | 111 | // *********************************************************************************** // 112 | // * DOM Elements - (Example Info Box) * // 113 | // *********************************************************************************** // 114 | const numberOfMarkers = document.querySelector('.numberOfLayers > .div6'); 115 | const numberOfLayers = document.querySelector('.numberOfLayers > .div2'); 116 | const currentMapZoom = document.querySelector('.numberOfLayers > .div4'); 117 | const cursorCoordinates = document.querySelector('.cursorCoordinates'); 118 | 119 | 120 | // *********************************************************************************** // 121 | // * Leaflet.DumbMGRS - DOM Elements - Switches * // 122 | // *********************************************************************************** // 123 | const switch1000MLabels = document.querySelector('#grids1000Meters-labels'); 124 | const switch1000MGrids = document.querySelector('#grids1000Meters-grids'); 125 | const switch100KLabels = document.querySelector('#grids100k-labels'); 126 | const switch100KGrids = document.querySelector('#grids100k-grids'); 127 | const switchGZDLabels = document.querySelector('#gzd-labels'); 128 | const switchGZDGrids = document.querySelector('#gzd-grids'); 129 | 130 | 131 | // *********************************************************************************** // 132 | // * Leaflet.DumbMGRS - Grid Toggle Switches on Zoom Level * // 133 | // *********************************************************************************** // 134 | // Automatically disabled switches that cannot be used at certain zoom levels 135 | map.whenReady(() => { 136 | const switchValidator = () => { 137 | // 1000 meter grids - zoom level 12 138 | if (map.getZoom() < generate1000meterGrids.options.minZoom) { 139 | switch1000MLabels.setAttribute('disabled', true); 140 | switch1000MGrids.setAttribute('disabled', true); 141 | } else { 142 | generate1000meterGrids.options.showGrids ? switch1000MGrids.checked = true : switch1000MGrids.checked = false; 143 | generate1000meterGrids.options.showLabels ? switch1000MLabels.checked = true : switch1000MLabels.checked = false; 144 | switch1000MLabels.removeAttribute('disabled'); 145 | switch1000MGrids.removeAttribute('disabled'); 146 | } 147 | // 100k grids - zoom level 6 148 | if (map.getZoom() < generate100kGrids.options.minZoom) { 149 | switch100KLabels.setAttribute('disabled', true); 150 | switch100KGrids.setAttribute('disabled', true); 151 | } else { 152 | generate100kGrids.options.showGrids ? switch100KGrids.checked = true : switch100KGrids.checked = false; 153 | generate100kGrids.options.showLabels ? switch100KLabels.checked = true : switch100KLabels.checked = false; 154 | switch100KLabels.removeAttribute('disabled'); 155 | switch100KGrids.removeAttribute('disabled'); 156 | } 157 | // GZD - zoom level 3 158 | if (map.getZoom() < generateGZDGrids.options.minZoom) { 159 | switchGZDLabels.setAttribute('disabled', true); 160 | switchGZDGrids.setAttribute('disabled', true); 161 | } else { 162 | generateGZDGrids.options.showGrids ? switchGZDGrids.checked = true : switchGZDGrids.checked = false; 163 | generateGZDGrids.options.showLabels ? switchGZDLabels.checked = true : switchGZDLabels.checked = false; 164 | switchGZDLabels.removeAttribute('disabled'); 165 | switchGZDGrids.removeAttribute('disabled'); 166 | } 167 | }; 168 | map.on('zoomend', switchValidator); 169 | switchValidator(); 170 | }); 171 | 172 | 173 | // *********************************************************************************** // 174 | // * Leaflet.DumbMGRS - Event Listeners * // 175 | // *********************************************************************************** // 176 | // Toggle 1000 meter labels 177 | switch1000MLabels.addEventListener('change', (event) => { 178 | const checkbox = event.target; 179 | if (checkbox.checked) { 180 | switch1000MLabels.toggleAttribute('checked'); 181 | generate1000meterGrids.showLabels(); 182 | } else { 183 | switch1000MLabels.toggleAttribute('checked'); 184 | generate1000meterGrids.hideLabels(); 185 | } 186 | }); 187 | 188 | // Toggle 1000 meter grids 189 | switch1000MGrids.addEventListener('change', (event) => { 190 | const checkbox = event.target; 191 | if (checkbox.checked) { 192 | switch1000MGrids.toggleAttribute('checked'); 193 | generate1000meterGrids.showGrids(); 194 | } else { 195 | switch1000MGrids.toggleAttribute('checked'); 196 | generate1000meterGrids.hideGrids(); 197 | } 198 | }); 199 | 200 | // Toggle 100k labels 201 | switch100KLabels.addEventListener('change', (event) => { 202 | const checkbox = event.target; 203 | if (checkbox.checked) { 204 | switch100KLabels.toggleAttribute('checked'); 205 | generate100kGrids.showLabels(); 206 | } else { 207 | switch100KLabels.toggleAttribute('checked'); 208 | generate100kGrids.hideLabels(); 209 | } 210 | }); 211 | 212 | // Toggle 100k grids 213 | switch100KGrids.addEventListener('change', (event) => { 214 | const checkbox = event.target; 215 | if (checkbox.checked) { 216 | switch100KGrids.toggleAttribute('checked'); 217 | generate100kGrids.showGrids(); 218 | } else { 219 | switch100KGrids.toggleAttribute('checked'); 220 | generate100kGrids.hideGrids(); 221 | } 222 | }); 223 | 224 | // Toggle GZD labels 225 | switchGZDLabels.addEventListener('change', (event) => { 226 | const checkbox = event.target; 227 | if (checkbox.checked) { 228 | switchGZDLabels.toggleAttribute('checked'); 229 | generateGZDGrids.showLabels(); 230 | } else { 231 | switchGZDLabels.toggleAttribute('checked'); 232 | generateGZDGrids.hideLabels(); 233 | } 234 | }); 235 | 236 | // Toggle GZD grids 237 | switchGZDGrids.addEventListener('change', (event) => { 238 | const checkbox = event.target; 239 | if (checkbox.checked) { 240 | switchGZDGrids.toggleAttribute('checked'); 241 | generateGZDGrids.hideGrids(); 242 | } else { 243 | switchGZDGrids.toggleAttribute('checked'); 244 | generateGZDGrids.showGrids(); 245 | } 246 | }); 247 | 248 | 249 | // *********************************************************************************** // 250 | // * Event Listeners (Example Info Boxes) * // 251 | // *********************************************************************************** // 252 | // Update the MGRS coordinates when the mouse cursor moves (For accuracy checking) 253 | map.addEventListener('mousemove', (event) => { 254 | // Display cursor coordinates in MGRS 255 | cursorCoordinates.querySelector('.mgrsInfo').innerHTML = `${UTMtoMGRS(LLtoUTM({ lat: event.latlng.lat, lon: event.latlng.lng }), 5, true)}`; 256 | // Display cursor coordinates in Latitude/Longitude 257 | cursorCoordinates.querySelector('.latInfo').innerHTML = `${event.latlng.lat.toFixed(8)}`; 258 | cursorCoordinates.querySelector('.lonInfo').innerHTML = `${event.latlng.lng.toFixed(8)}`; 259 | // Display cursor coordinates in Easting/Northing 260 | cursorCoordinates.querySelector('.eastingInfo').innerHTML = `${LLtoUTM({ lat: event.latlng.lat, lon: event.latlng.lng }).easting}`; 261 | cursorCoordinates.querySelector('.northingInfo').innerHTML = `${LLtoUTM({ lat: event.latlng.lat, lon: event.latlng.lng }).northing}`; 262 | }); 263 | 264 | // Update layer count, marker count, and map zoom when the user stops moving the map 265 | map.addEventListener('moveend', () => { 266 | setTimeout(() => { 267 | numberOfLayers.innerHTML = `${document.querySelectorAll('.leaflet-zoom-animated > g > path').length}`; 268 | currentMapZoom.innerHTML = `${map.getZoom()}`; 269 | numberOfMarkers.innerHTML = `${document.querySelectorAll('.leaflet-grid-label').length}`; 270 | }, 300); 271 | }, { once: true }); 272 | 273 | // Add the layer data when the page loads 274 | document.addEventListener('DOMContentLoaded', () => { 275 | setTimeout(() => { 276 | cursorCoordinates.querySelector('.mgrsInfo').innerHTML = `${UTMtoMGRS(LLtoUTM({ lat: map.getCenter().lat, lon: map.getCenter().lng }), 5, true)}`; 277 | // Display cursor coordinates in Latitude/Longitude 278 | cursorCoordinates.querySelector('.latInfo').innerHTML = `${map.getCenter().lat.toFixed(8)}`; 279 | cursorCoordinates.querySelector('.lonInfo').innerHTML = `${map.getCenter().lng.toFixed(8)}`; 280 | // Display cursor coordinates in Easting/Northing 281 | cursorCoordinates.querySelector('.eastingInfo').innerHTML = `${LLtoUTM({ lat: map.getCenter().lat, lon: map.getCenter().lng }).easting}`; 282 | cursorCoordinates.querySelector('.northingInfo').innerHTML = `${LLtoUTM({ lat: map.getCenter().lat, lon: map.getCenter().lng }).northing}`; 283 | numberOfLayers.innerHTML = `${document.querySelectorAll('.leaflet-zoom-animated > g > path').length}`; 284 | currentMapZoom.innerHTML = `${map.getZoom()}`; 285 | numberOfMarkers.innerHTML = `${document.querySelectorAll('.leaflet-grid-label').length}`; 286 | }, 300); 287 | }); 288 | 289 | // Automatically update the layers on toggle 290 | document.querySelectorAll('.sw').forEach((toggleSwitch) => { 291 | toggleSwitch.addEventListener('change', () => { 292 | setTimeout(() => { 293 | numberOfLayers.innerHTML = `${document.querySelectorAll('.leaflet-zoom-animated > g > path').length}`; 294 | numberOfMarkers.innerHTML = `${document.querySelectorAll('.leaflet-grid-label').length}`; 295 | }, 100); 296 | }); 297 | }); 298 | -------------------------------------------------------------------------------- /dist/src.54382973.css: -------------------------------------------------------------------------------- 1 | .leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:hsla(0,0%,100%,.5)}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(/layers.350ec81b.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(/layers-2x.d8c4f271.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers-expanded .leaflet-control-layers-toggle,.leaflet-control-layers .leaflet-control-layers-list{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(/marker-icon.b29b8023.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:hsla(0,0%,100%,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}.leaflet-grid-label .grid-label-100k{background-color:#ff0;font-size:13px;opacity:.6;color:red;position:relative;display:inline;padding:1.75px;border:1px solid #000;border-radius:2px}.leaflet-grid-label .grid-label-1000m{background-color:#ff0;font-size:larger;font-weight:700;opacity:.8;color:#000;text-align:center;position:relative;display:inline;padding:5px;border-radius:50%}#map{height:1000px;width:1000px;cursor:crosshair}svg{overflow:visible}.mapData{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:15px;grid-row-gap:0;width:1015px}.mapData .cursorCoordinates{grid-area:1/1/2/2;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:0;grid-row-gap:15px;width:500px;margin-top:10px;font-family:Roboto;outline-style:outset}.mapData .cursorCoordinates strong{font-size:1.2rem}.mapData .cursorCoordinates .info{font-size:1.3rem;padding-left:10px}.mapData .cursorCoordinates>div{outline-style:inset;padding-top:10px;padding-bottom:10px;text-align:center}.mapData .cursorCoordinates .div1{grid-area:1/1/2/3}.mapData .cursorCoordinates .div2{grid-area:1/3/2/13}.mapData .cursorCoordinates .div3{grid-area:2/1/3/3}.mapData .cursorCoordinates .div4{grid-area:2/3/3/6}.mapData .cursorCoordinates .div5{grid-area:2/6/3/8}.mapData .cursorCoordinates .div6{grid-area:2/8/3/11}.mapData .cursorCoordinates .div7{grid-area:3/1/4/3}.mapData .cursorCoordinates .div8{grid-area:3/3/4/6}.mapData .cursorCoordinates .div9{grid-area:3/6/4/8}.mapData .cursorCoordinates .div10{grid-area:3/8/4/11}.mapData .numberOfLayers{grid-area:1/2/2/3;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0;grid-row-gap:15px;width:500px;margin-top:10px;font-family:Roboto;outline-style:outset;height:fit-content}.mapData .numberOfLayers strong{font-size:1.2rem}.mapData .numberOfLayers .info{font-size:1.3rem;padding-left:10px}.mapData .numberOfLayers>div{outline-style:inset;padding-top:10px;padding-bottom:10px;text-align:center}.mapData .numberOfLayers .div1{grid-area:1/1/2/5}.mapData .numberOfLayers .div2{grid-area:1/5/2/6}.mapData .numberOfLayers .div3{grid-area:3/1/3/5}.mapData .numberOfLayers .div4{grid-area:3/5/3/6}.mapData .numberOfLayers .div5{grid-area:2/1/3/5}.mapData .numberOfLayers .div6{grid-area:2/5/3/6}.toggleSwitches{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:15px;grid-row-gap:0;width:1015px}.toggleSwitches .grids1000Meters{grid-area:1/1/2/2;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:0;grid-row-gap:15px;width:500px;margin-top:10px;font-family:Roboto;outline-style:outset}.toggleSwitches .grids1000Meters strong{font-size:1.2rem}.toggleSwitches .grids1000Meters .info{font-size:1.2rem;padding-left:5px}.toggleSwitches .grids1000Meters>div{outline-style:inset;padding-top:10px;padding-bottom:10px;text-align:center}.toggleSwitches .grids1000Meters .div3{grid-area:1/1/2/3}.toggleSwitches .grids1000Meters .div4{grid-area:1/3/2/6}.toggleSwitches .grids1000Meters .div5{grid-area:1/6/2/8}.toggleSwitches .grids1000Meters .div6{grid-area:1/8/2/11}.toggleSwitches .grids1000Meters .div7{grid-area:2/1/3/3}.toggleSwitches .grids1000Meters .div8{grid-area:2/3/3/6}.toggleSwitches .grids1000Meters .div9{grid-area:2/6/3/8}.toggleSwitches .grids1000Meters .div10{grid-area:2/8/3/11}.toggleSwitches .grids1000Meters .div11{grid-area:3/1/4/3}.toggleSwitches .grids1000Meters .div12{grid-area:3/3/4/6}.toggleSwitches .grids1000Meters .div13{grid-area:3/6/4/8}.toggleSwitches .grids1000Meters .div14{grid-area:3/8/4/11}.toggleSwitches input.sw{opacity:0;position:absolute;left:-9999px}.toggleSwitches input.sw+label{user-select:none;transition:.2s ease;display:inline-block;height:30px;width:51px;position:relative;box-shadow:inset 0 0 0 2px #e4e4e4;border-radius:60px}.toggleSwitches input.sw+label:before{content:"";position:absolute;display:block;height:30px;width:30px;top:0;left:0;border-radius:15px;background:rgba(76,217,100,0);transition:.2s cubic-bezier(.24,0,.5,1)}.toggleSwitches input.sw+label:after{content:"";position:absolute;display:block;height:28px;width:28px;top:50%;margin-top:-14px;left:1px;border-radius:60px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 4px 0 0 rgba(0,0,0,.04),0 4px 9px rgba(0,0,0,.13),0 3px 3px rgba(0,0,0,.05);transition:.35s cubic-bezier(.54,1.6,.5,1)}.toggleSwitches input.sw+label span{white-space:nowrap;height:30px;line-height:30px;margin-left:51px;padding-left:16px;font-family:Roboto}.toggleSwitches input.sw:checked+label:before{width:51px;background:#4cd964;transition:width .2s cubic-bezier(0,0,0,.1)!important}.toggleSwitches input.sw:checked+label:after{left:22px}.toggleSwitches input.sw:checked+label{box-shadow:inset 0 0 0 25px #e4e4e4;transition:box-shadow 2.5s cubic-bezier(0,1.2,.94,.95)}.toggleSwitches input.sw:disabled+label{background:red;opacity:.25} 2 | /*# sourceMappingURL=/src.54382973.css.map */ -------------------------------------------------------------------------------- /dist/src.54382973.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["leaflet.css","L.DumbMGRS.scss","styles.scss"],"names":[],"mappings":"AAEA,6LAUC,iBAAkB,CAClB,MAAO,CACP,KACA,CACD,mBACC,eACA,CACD,0DAGC,wBAAyB,CACtB,qBAAsB,CACjB,gBAAiB,CACvB,sBACF,CAED,yBACC,sBACD,CAEA,8BACC,yCACA,CAED,wCACC,YAAa,CACb,aAAc,CACd,4BACA,CACD,4CAEC,aACA,CAGD,2PAMC,wBAA0B,CAC1B,yBACA,CAED,sCACC,4BAA6B,CAC7B,wBACA,CACD,sCACC,2BAA4B,CAE5B,iBAAkB,CAClB,uBACD,CACA,yDACC,qBAAsB,CACtB,iBACD,CACA,mBACC,uCACD,CACA,qBACC,+CACD,CACA,cACC,cAAe,CACf,iBACA,CACD,qBACC,kBACA,CACD,kBACC,OAAQ,CACR,QAAS,CACT,0BAA2B,CACtB,qBAAsB,CAC3B,WACA,CAED,0BACC,qBACA,CAED,cAAwB,WAAc,CAEtC,mBAAwB,WAAc,CACtC,sBAAwB,WAAc,CACtC,qBAAwB,WAAc,CACtC,qBAAwB,WAAc,CACtC,sBAA0B,WAAc,CACxC,oBAAwB,WAAc,CAEtC,yBAA2B,WAAc,CACzC,sBAA2B,WAAc,CAEzC,mBACC,SAAU,CACV,UACA,CACD,MACC,0BAA2B,CAC3B,oBAAqB,CACrB,iBACA,CAKD,iBACC,iBAAkB,CAClB,WAAY,CACZ,6BAA8B,CAC9B,mBACA,CACD,6BAEC,iBAAkB,CAClB,YAAa,CACb,mBACA,CACD,aACC,KACA,CACD,eACC,OACA,CACD,gBACC,QACA,CACD,cACC,MACA,CACD,iBACC,UAAW,CACX,UACA,CACD,gCACC,WACA,CACD,8BACC,eACA,CACD,iCACC,kBACA,CACD,+BACC,gBACA,CACD,gCACC,iBACA,CAKD,iCACC,mBACA,CACD,kCACC,SAAU,CACV,qCAAuC,CACpC,kCAAoC,CAC/B,6BACR,CACD,oDACC,SACA,CACD,uBACC,4BAA6B,CACzB,wBAAyB,CACrB,oBACR,CACD,0CACC,qBAAsB,CAGtB,iEAAoE,CACjE,2DAAiE,CAC5D,iDAJR,CAMD,iEAEC,uBAAwB,CACrB,oBAAqB,CAChB,eACR,CAED,sCACC,iBACA,CAKD,qBACC,cACA,CACD,cACC,mBAAoB,CACpB,gBAAoB,CACpB,WACA,CACD,2DAEC,gBACA,CACD,qCAEC,WACA,CACD,iIAGC,WAAY,CACZ,uBAAwB,CACxB,oBAAwB,CACxB,eACA,CAGD,gHAKC,mBACA,CAED,8KAIC,6BAA8B,CAC9B,mBACA,CAID,mBACC,eAAgB,CAChB,SACA,CACD,qBACC,aACA,CACD,oCACC,wBACA,CACD,kBACC,sBAAuB,CACvB,6BACA,CAID,mBACC,uDACA,CAKD,aACC,oCAAsC,CACtC,iBACA,CACD,oCAEC,qBAAsB,CACtB,4BAA6B,CAC7B,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,aAAc,CACd,iBAAkB,CAClB,oBAAqB,CACrB,UACA,CACD,8CAEC,2BAA4B,CAC5B,2BAA4B,CAC5B,aACA,CACD,qBACC,wBACA,CACD,2BACC,0BAA2B,CAC3B,2BACA,CACD,0BACC,6BAA8B,CAC9B,8BAA+B,CAC/B,kBACA,CACD,gCACC,cAAe,CACf,wBAAyB,CACzB,UACA,CAED,8BACC,UAAW,CACX,WAAY,CACZ,gBACA,CACD,0CACC,0BAA2B,CAC3B,2BACA,CACD,yCACC,6BAA8B,CAC9B,8BACA,CAID,mDAEC,6CAAmD,CACnD,eACA,CAED,iFACC,cACA,CAKD,wBACC,mCAAqC,CACrC,eAAgB,CAChB,iBACA,CACD,+BACC,2DAAwC,CACxC,UAAW,CACX,WACA,CACD,+CACC,2DAA2C,CAC3C,yBACA,CACD,8CACC,UAAW,CACX,WACA,CACD,qHAEC,YACA,CACD,8DACC,aAAc,CACd,iBACA,CACD,iCACC,wBAAyB,CACzB,UAAW,CACX,eACA,CACD,kCACC,iBAAkB,CAClB,iBAAkB,CAClB,iBACA,CACD,iCACC,cAAe,CACf,iBAAkB,CAClB,OACA,CACD,8BACC,aACA,CACD,kCACC,QAAS,CACT,yBAA0B,CAC1B,yBACA,CAGD,2BACC,2DACA,CAKD,gDACC,eAAgB,CAChB,6BAAoC,CACpC,QACA,CACD,yDAEC,aAAc,CACd,UACA,CACD,+BACC,oBACA,CACD,qCACC,yBACA,CACD,0FAEC,cACA,CACD,qCACC,eACA,CACD,uCACC,iBACA,CACD,4BAEC,qBAAgB,CAAhB,eAAgB,CAChB,eAAgB,CAChB,mBAAoB,CACpB,cAAe,CACf,kBAAmB,CACnB,eAAgB,CAChB,0BAA2B,CACtB,qBAAsB,CAE3B,eAAgB,CAChB,6BACA,CACD,8CACC,yBAA0B,CAC1B,kBAAmB,CACnB,eACA,CACD,+DACC,4BACA,CAED,+GAGC,eACA,CACD,mEAEC,+BAAiC,CACjC,2BACA,CAKD,eACC,iBAAkB,CAClB,iBAAkB,CAClB,kBACA,CACD,+BACC,WAAY,CACZ,eAAgB,CAChB,kBACA,CACD,uBACC,gBAAiB,CACjB,eACA,CACD,yBACC,aACA,CACD,6BACC,UAAW,CACX,WAAY,CACZ,iBAAkB,CAClB,QAAS,CACT,iBAAkB,CAClB,eAAgB,CAChB,mBACA,CACD,mBACC,UAAW,CACX,WAAY,CACZ,WAAY,CAEZ,mBAAoB,CAEpB,+BAAgC,CAC7B,4BAA6B,CAC5B,2BAA4B,CACxB,uBACR,CACD,kDAEC,eAAiB,CACjB,UAAW,CACX,oCACA,CACD,gDACC,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,mBAAoB,CACpB,WAAY,CACZ,iBAAkB,CAClB,UAAW,CACX,WAAY,CACZ,wCAA2C,CAC3C,aAAc,CACd,oBAAqB,CACrB,eAAiB,CACjB,sBACA,CACD,sDACC,UACA,CACD,wBACC,aAAc,CACd,4BAA6B,CAC7B,yBACA,CAED,8CACC,MACA,CACD,kCACC,UAAW,CACX,aAAc,CAEd,sHAAuH,CACvH,6GACA,CACD,4CACC,eACA,CAED,4JAIC,qBACA,CAKD,kBACC,eAAgB,CAChB,qBACA,CAKD,iBACC,iBAAkB,CAClB,WAAY,CACZ,qBAAsB,CACtB,qBAAsB,CACtB,iBAAkB,CAClB,UAAW,CACX,kBAAmB,CACnB,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CACjB,mBAAoB,CACpB,mCACA,CACD,mCACC,cAAe,CACf,mBACA,CACD,sHAIC,iBAAkB,CAClB,mBAAoB,CACpB,4BAA6B,CAC7B,sBAAuB,CACvB,UACA,CAID,wBACC,cACD,CACA,qBACC,eACD,CACA,2DAEC,QAAS,CACT,gBACA,CACD,4BACC,QAAS,CACT,mBAAoB,CACpB,qBACA,CACD,+BACC,KAAM,CACN,gBAAiB,CACjB,gBAAiB,CACjB,wBACA,CACD,sBACC,gBACD,CACA,uBACC,eACD,CACA,2DAEC,OAAQ,CACR,eACA,CACD,6BACC,OAAQ,CACR,kBAAmB,CACnB,sBACA,CACD,8BACC,MCxnBC,ADwnBM,CACP,iBAAkB,CAClB,kBCznBG,KD0nBH,gBC1nBG,CACA,cAAA,CAEA,UAAA,CACA,SAAA,CACA,iBAAA,CACA,cAAA,CACA,cAAA,CACA,qBAAA,CACA,kBAEF,sCACE,qBAAA,CACA,gBAAA,CACA,eAAA,CACA,UAAA,CACA,UAAA,CACA,iBAAA,CACA,iBAAA,CACA,cAAA,CACA,WAAA,CACA,kBCdJ,KACE,aAAA,CACA,YAAA,CACA,iBAGF,IACE,iBAMF,SACE,YAAA,CACA,mCAAA,CACA,sBAAA,CACA,oBAAA,CACA,cAAA,CACA,aAGA,4BACE,iBAAA,CACA,YAAA,CACA,oCAAA,CACA,gCAAA,CACA,iBAAA,CACA,iBAAA,CACA,WAAA,CACA,eAAA,CACA,kBAnCS,CAoCT,qBACA,mCACE,iBAEF,kCACE,gBAAA,CACA,kBAEF,gCACE,mBAAA,CACA,gBAAA,CACA,mBAAA,CACA,kBAEF,kCACE,kBAGF,kCACE,mBAEF,kCACE,kBAGF,kCACE,kBAEF,kCACE,kBAGF,kCACE,mBAEF,kCACE,kBAGF,kCACE,kBAEF,kCACE,kBAGF,mCACE,mBAKJ,yBACE,iBAAA,CACA,YAAA,CACA,mCAAA,CACA,gCAAA,CACA,iBAAA,CACA,iBAAA,CACA,WAAA,CACA,eAAA,CACA,kBAjGS,CAkGT,oBAAA,CACA,mBACA,gCACE,iBAEF,+BACE,gBAAA,CACA,kBAEF,6BACE,mBAAA,CACA,gBAAA,CACA,mBAAA,CACA,kBAEF,+BACE,kBAGF,+BACE,kBAGF,+BACE,kBAEF,+BACE,kBAGF,+BACE,kBAEF,+BACE,kBAQN,gBACE,YAAA,CACA,mCAAA,CACA,sBAAA,CACA,oBAAA,CACA,cAAA,CACA,aAGA,iCACE,iBAAA,CACA,YAAA,CACA,oCAAA,CACA,gCAAA,CACA,iBAAA,CACA,iBAAA,CACA,WAAA,CACA,eAAA,CACA,kBA9JS,CA+JT,qBACA,wCACE,iBAEF,uCACE,gBAAA,CACA,iBAEF,qCACE,mBAAA,CACA,gBAAA,CACA,mBAAA,CACA,kBAIF,uCACE,kBAEF,uCACE,kBAEF,uCACE,kBAEF,uCACE,mBAIF,uCACE,kBAEF,uCACE,kBAEF,uCACE,kBAEF,wCACE,mBAIF,wCACE,kBAEF,wCACE,kBAEF,wCACE,kBAEF,wCACE,mBAMF,yBACE,SAAA,CACA,iBAAA,CACA,aAEA,+BACE,gBAAA,CACA,mBAAA,CACA,oBAAA,CACA,WAnOI,CAoOJ,UAnOG,CAoOH,iBAAA,CACA,kCAAA,CACA,mBACA,sCACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,WA5OE,CA6OF,UA7OE,CA8OF,KAAA,CACA,MAAA,CACA,kBAAA,CACA,6BAAA,CACA,wCAGF,qCACE,UAAA,CACA,iBAAA,CACA,aAAA,CACA,WAAA,CACA,UAAA,CACA,OAAA,CACA,gBAAA,CACA,QAAA,CACA,kBAAA,CACA,eAAA,CACA,iHAAA,CACA,2CAEF,oCACE,kBAAA,CACA,WArQE,CAsQF,gBAtQE,CAuQF,gBAtQC,CAuQD,iBAAA,CACA,mBAKF,8CACE,UA9QC,CA+QD,kBAAA,CACA,sDAEF,6CACE,UAEF,uCACE,mCAAA,CACA,uDAKF,wCACE,cAAA,CACA","file":"src.54382973.css","sourceRoot":"../src","sourcesContent":["/* required styles */\r\n\r\n.leaflet-pane,\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-tile-container,\r\n.leaflet-pane > svg,\r\n.leaflet-pane > canvas,\r\n.leaflet-zoom-box,\r\n.leaflet-image-layer,\r\n.leaflet-layer {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\t}\r\n.leaflet-container {\r\n\toverflow: hidden;\r\n\t}\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n\t-webkit-user-select: none;\r\n\t -moz-user-select: none;\r\n\t user-select: none;\r\n\t -webkit-user-drag: none;\r\n\t}\r\n/* Prevents IE11 from highlighting tiles in blue */\r\n.leaflet-tile::selection {\r\n\tbackground: transparent;\r\n}\r\n/* Safari renders non-retina tile on retina better with this, but Chrome is worse */\r\n.leaflet-safari .leaflet-tile {\r\n\timage-rendering: -webkit-optimize-contrast;\r\n\t}\r\n/* hack that prevents hw layers \"stretching\" when loading new tiles */\r\n.leaflet-safari .leaflet-tile-container {\r\n\twidth: 1600px;\r\n\theight: 1600px;\r\n\t-webkit-transform-origin: 0 0;\r\n\t}\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n\tdisplay: block;\r\n\t}\r\n/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */\r\n/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */\r\n.leaflet-container .leaflet-overlay-pane svg,\r\n.leaflet-container .leaflet-marker-pane img,\r\n.leaflet-container .leaflet-shadow-pane img,\r\n.leaflet-container .leaflet-tile-pane img,\r\n.leaflet-container img.leaflet-image-layer,\r\n.leaflet-container .leaflet-tile {\r\n\tmax-width: none !important;\r\n\tmax-height: none !important;\r\n\t}\r\n\r\n.leaflet-container.leaflet-touch-zoom {\r\n\t-ms-touch-action: pan-x pan-y;\r\n\ttouch-action: pan-x pan-y;\r\n\t}\r\n.leaflet-container.leaflet-touch-drag {\r\n\t-ms-touch-action: pinch-zoom;\r\n\t/* Fallback for FF which doesn't support pinch-zoom */\r\n\ttouch-action: none;\r\n\ttouch-action: pinch-zoom;\r\n}\r\n.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {\r\n\t-ms-touch-action: none;\r\n\ttouch-action: none;\r\n}\r\n.leaflet-container {\r\n\t-webkit-tap-highlight-color: transparent;\r\n}\r\n.leaflet-container a {\r\n\t-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r\n}\r\n.leaflet-tile {\r\n\tfilter: inherit;\r\n\tvisibility: hidden;\r\n\t}\r\n.leaflet-tile-loaded {\r\n\tvisibility: inherit;\r\n\t}\r\n.leaflet-zoom-box {\r\n\twidth: 0;\r\n\theight: 0;\r\n\t-moz-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\tz-index: 800;\r\n\t}\r\n/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */\r\n.leaflet-overlay-pane svg {\r\n\t-moz-user-select: none;\r\n\t}\r\n\r\n.leaflet-pane { z-index: 400; }\r\n\r\n.leaflet-tile-pane { z-index: 200; }\r\n.leaflet-overlay-pane { z-index: 400; }\r\n.leaflet-shadow-pane { z-index: 500; }\r\n.leaflet-marker-pane { z-index: 600; }\r\n.leaflet-tooltip-pane { z-index: 650; }\r\n.leaflet-popup-pane { z-index: 700; }\r\n\r\n.leaflet-map-pane canvas { z-index: 100; }\r\n.leaflet-map-pane svg { z-index: 200; }\r\n\r\n.leaflet-vml-shape {\r\n\twidth: 1px;\r\n\theight: 1px;\r\n\t}\r\n.lvml {\r\n\tbehavior: url(#default#VML);\r\n\tdisplay: inline-block;\r\n\tposition: absolute;\r\n\t}\r\n\r\n\r\n/* control positioning */\r\n\r\n.leaflet-control {\r\n\tposition: relative;\r\n\tz-index: 800;\r\n\tpointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r\n\tpointer-events: auto;\r\n\t}\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n\tposition: absolute;\r\n\tz-index: 1000;\r\n\tpointer-events: none;\r\n\t}\r\n.leaflet-top {\r\n\ttop: 0;\r\n\t}\r\n.leaflet-right {\r\n\tright: 0;\r\n\t}\r\n.leaflet-bottom {\r\n\tbottom: 0;\r\n\t}\r\n.leaflet-left {\r\n\tleft: 0;\r\n\t}\r\n.leaflet-control {\r\n\tfloat: left;\r\n\tclear: both;\r\n\t}\r\n.leaflet-right .leaflet-control {\r\n\tfloat: right;\r\n\t}\r\n.leaflet-top .leaflet-control {\r\n\tmargin-top: 10px;\r\n\t}\r\n.leaflet-bottom .leaflet-control {\r\n\tmargin-bottom: 10px;\r\n\t}\r\n.leaflet-left .leaflet-control {\r\n\tmargin-left: 10px;\r\n\t}\r\n.leaflet-right .leaflet-control {\r\n\tmargin-right: 10px;\r\n\t}\r\n\r\n\r\n/* zoom and fade animations */\r\n\r\n.leaflet-fade-anim .leaflet-tile {\r\n\twill-change: opacity;\r\n\t}\r\n.leaflet-fade-anim .leaflet-popup {\r\n\topacity: 0;\r\n\t-webkit-transition: opacity 0.2s linear;\r\n\t -moz-transition: opacity 0.2s linear;\r\n\t transition: opacity 0.2s linear;\r\n\t}\r\n.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {\r\n\topacity: 1;\r\n\t}\r\n.leaflet-zoom-animated {\r\n\t-webkit-transform-origin: 0 0;\r\n\t -ms-transform-origin: 0 0;\r\n\t transform-origin: 0 0;\r\n\t}\r\n.leaflet-zoom-anim .leaflet-zoom-animated {\r\n\twill-change: transform;\r\n\t}\r\n.leaflet-zoom-anim .leaflet-zoom-animated {\r\n\t-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);\r\n\t -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);\r\n\t transition: transform 0.25s cubic-bezier(0,0,0.25,1);\r\n\t}\r\n.leaflet-zoom-anim .leaflet-tile,\r\n.leaflet-pan-anim .leaflet-tile {\r\n\t-webkit-transition: none;\r\n\t -moz-transition: none;\r\n\t transition: none;\r\n\t}\r\n\r\n.leaflet-zoom-anim .leaflet-zoom-hide {\r\n\tvisibility: hidden;\r\n\t}\r\n\r\n\r\n/* cursors */\r\n\r\n.leaflet-interactive {\r\n\tcursor: pointer;\r\n\t}\r\n.leaflet-grab {\r\n\tcursor: -webkit-grab;\r\n\tcursor: -moz-grab;\r\n\tcursor: grab;\r\n\t}\r\n.leaflet-crosshair,\r\n.leaflet-crosshair .leaflet-interactive {\r\n\tcursor: crosshair;\r\n\t}\r\n.leaflet-popup-pane,\r\n.leaflet-control {\r\n\tcursor: auto;\r\n\t}\r\n.leaflet-dragging .leaflet-grab,\r\n.leaflet-dragging .leaflet-grab .leaflet-interactive,\r\n.leaflet-dragging .leaflet-marker-draggable {\r\n\tcursor: move;\r\n\tcursor: -webkit-grabbing;\r\n\tcursor: -moz-grabbing;\r\n\tcursor: grabbing;\r\n\t}\r\n\r\n/* marker & overlays interactivity */\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-image-layer,\r\n.leaflet-pane > svg path,\r\n.leaflet-tile-container {\r\n\tpointer-events: none;\r\n\t}\r\n\r\n.leaflet-marker-icon.leaflet-interactive,\r\n.leaflet-image-layer.leaflet-interactive,\r\n.leaflet-pane > svg path.leaflet-interactive,\r\nsvg.leaflet-image-layer.leaflet-interactive path {\r\n\tpointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r\n\tpointer-events: auto;\r\n\t}\r\n\r\n/* visual tweaks */\r\n\r\n.leaflet-container {\r\n\tbackground: #ddd;\r\n\toutline: 0;\r\n\t}\r\n.leaflet-container a {\r\n\tcolor: #0078A8;\r\n\t}\r\n.leaflet-container a.leaflet-active {\r\n\toutline: 2px solid orange;\r\n\t}\r\n.leaflet-zoom-box {\r\n\tborder: 2px dotted #38f;\r\n\tbackground: rgba(255,255,255,0.5);\r\n\t}\r\n\r\n\r\n/* general typography */\r\n.leaflet-container {\r\n\tfont: 12px/1.5 \"Helvetica Neue\", Arial, Helvetica, sans-serif;\r\n\t}\r\n\r\n\r\n/* general toolbar styles */\r\n\r\n.leaflet-bar {\r\n\tbox-shadow: 0 1px 5px rgba(0,0,0,0.65);\r\n\tborder-radius: 4px;\r\n\t}\r\n.leaflet-bar a,\r\n.leaflet-bar a:hover {\r\n\tbackground-color: #fff;\r\n\tborder-bottom: 1px solid #ccc;\r\n\twidth: 26px;\r\n\theight: 26px;\r\n\tline-height: 26px;\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\tcolor: black;\r\n\t}\r\n.leaflet-bar a,\r\n.leaflet-control-layers-toggle {\r\n\tbackground-position: 50% 50%;\r\n\tbackground-repeat: no-repeat;\r\n\tdisplay: block;\r\n\t}\r\n.leaflet-bar a:hover {\r\n\tbackground-color: #f4f4f4;\r\n\t}\r\n.leaflet-bar a:first-child {\r\n\tborder-top-left-radius: 4px;\r\n\tborder-top-right-radius: 4px;\r\n\t}\r\n.leaflet-bar a:last-child {\r\n\tborder-bottom-left-radius: 4px;\r\n\tborder-bottom-right-radius: 4px;\r\n\tborder-bottom: none;\r\n\t}\r\n.leaflet-bar a.leaflet-disabled {\r\n\tcursor: default;\r\n\tbackground-color: #f4f4f4;\r\n\tcolor: #bbb;\r\n\t}\r\n\r\n.leaflet-touch .leaflet-bar a {\r\n\twidth: 30px;\r\n\theight: 30px;\r\n\tline-height: 30px;\r\n\t}\r\n.leaflet-touch .leaflet-bar a:first-child {\r\n\tborder-top-left-radius: 2px;\r\n\tborder-top-right-radius: 2px;\r\n\t}\r\n.leaflet-touch .leaflet-bar a:last-child {\r\n\tborder-bottom-left-radius: 2px;\r\n\tborder-bottom-right-radius: 2px;\r\n\t}\r\n\r\n/* zoom control */\r\n\r\n.leaflet-control-zoom-in,\r\n.leaflet-control-zoom-out {\r\n\tfont: bold 18px 'Lucida Console', Monaco, monospace;\r\n\ttext-indent: 1px;\r\n\t}\r\n\r\n.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {\r\n\tfont-size: 22px;\r\n\t}\r\n\r\n\r\n/* layers control */\r\n\r\n.leaflet-control-layers {\r\n\tbox-shadow: 0 1px 5px rgba(0,0,0,0.4);\r\n\tbackground: #fff;\r\n\tborder-radius: 5px;\r\n\t}\r\n.leaflet-control-layers-toggle {\r\n\tbackground-image: url(images/layers.png);\r\n\twidth: 36px;\r\n\theight: 36px;\r\n\t}\r\n.leaflet-retina .leaflet-control-layers-toggle {\r\n\tbackground-image: url(images/layers-2x.png);\r\n\tbackground-size: 26px 26px;\r\n\t}\r\n.leaflet-touch .leaflet-control-layers-toggle {\r\n\twidth: 44px;\r\n\theight: 44px;\r\n\t}\r\n.leaflet-control-layers .leaflet-control-layers-list,\r\n.leaflet-control-layers-expanded .leaflet-control-layers-toggle {\r\n\tdisplay: none;\r\n\t}\r\n.leaflet-control-layers-expanded .leaflet-control-layers-list {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\t}\r\n.leaflet-control-layers-expanded {\r\n\tpadding: 6px 10px 6px 6px;\r\n\tcolor: #333;\r\n\tbackground: #fff;\r\n\t}\r\n.leaflet-control-layers-scrollbar {\r\n\toverflow-y: scroll;\r\n\toverflow-x: hidden;\r\n\tpadding-right: 5px;\r\n\t}\r\n.leaflet-control-layers-selector {\r\n\tmargin-top: 2px;\r\n\tposition: relative;\r\n\ttop: 1px;\r\n\t}\r\n.leaflet-control-layers label {\r\n\tdisplay: block;\r\n\t}\r\n.leaflet-control-layers-separator {\r\n\theight: 0;\r\n\tborder-top: 1px solid #ddd;\r\n\tmargin: 5px -10px 5px -6px;\r\n\t}\r\n\r\n/* Default icon URLs */\r\n.leaflet-default-icon-path {\r\n\tbackground-image: url(images/marker-icon.png);\r\n\t}\r\n\r\n\r\n/* attribution and scale controls */\r\n\r\n.leaflet-container .leaflet-control-attribution {\r\n\tbackground: #fff;\r\n\tbackground: rgba(255, 255, 255, 0.7);\r\n\tmargin: 0;\r\n\t}\r\n.leaflet-control-attribution,\r\n.leaflet-control-scale-line {\r\n\tpadding: 0 5px;\r\n\tcolor: #333;\r\n\t}\r\n.leaflet-control-attribution a {\r\n\ttext-decoration: none;\r\n\t}\r\n.leaflet-control-attribution a:hover {\r\n\ttext-decoration: underline;\r\n\t}\r\n.leaflet-container .leaflet-control-attribution,\r\n.leaflet-container .leaflet-control-scale {\r\n\tfont-size: 11px;\r\n\t}\r\n.leaflet-left .leaflet-control-scale {\r\n\tmargin-left: 5px;\r\n\t}\r\n.leaflet-bottom .leaflet-control-scale {\r\n\tmargin-bottom: 5px;\r\n\t}\r\n.leaflet-control-scale-line {\r\n\tborder: 2px solid #777;\r\n\tborder-top: none;\r\n\tline-height: 1.1;\r\n\tpadding: 2px 5px 1px;\r\n\tfont-size: 11px;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\t-moz-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\r\n\tbackground: #fff;\r\n\tbackground: rgba(255, 255, 255, 0.5);\r\n\t}\r\n.leaflet-control-scale-line:not(:first-child) {\r\n\tborder-top: 2px solid #777;\r\n\tborder-bottom: none;\r\n\tmargin-top: -2px;\r\n\t}\r\n.leaflet-control-scale-line:not(:first-child):not(:last-child) {\r\n\tborder-bottom: 2px solid #777;\r\n\t}\r\n\r\n.leaflet-touch .leaflet-control-attribution,\r\n.leaflet-touch .leaflet-control-layers,\r\n.leaflet-touch .leaflet-bar {\r\n\tbox-shadow: none;\r\n\t}\r\n.leaflet-touch .leaflet-control-layers,\r\n.leaflet-touch .leaflet-bar {\r\n\tborder: 2px solid rgba(0,0,0,0.2);\r\n\tbackground-clip: padding-box;\r\n\t}\r\n\r\n\r\n/* popup */\r\n\r\n.leaflet-popup {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\tmargin-bottom: 20px;\r\n\t}\r\n.leaflet-popup-content-wrapper {\r\n\tpadding: 1px;\r\n\ttext-align: left;\r\n\tborder-radius: 12px;\r\n\t}\r\n.leaflet-popup-content {\r\n\tmargin: 13px 19px;\r\n\tline-height: 1.4;\r\n\t}\r\n.leaflet-popup-content p {\r\n\tmargin: 18px 0;\r\n\t}\r\n.leaflet-popup-tip-container {\r\n\twidth: 40px;\r\n\theight: 20px;\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\tmargin-left: -20px;\r\n\toverflow: hidden;\r\n\tpointer-events: none;\r\n\t}\r\n.leaflet-popup-tip {\r\n\twidth: 17px;\r\n\theight: 17px;\r\n\tpadding: 1px;\r\n\r\n\tmargin: -10px auto 0;\r\n\r\n\t-webkit-transform: rotate(45deg);\r\n\t -moz-transform: rotate(45deg);\r\n\t -ms-transform: rotate(45deg);\r\n\t transform: rotate(45deg);\r\n\t}\r\n.leaflet-popup-content-wrapper,\r\n.leaflet-popup-tip {\r\n\tbackground: white;\r\n\tcolor: #333;\r\n\tbox-shadow: 0 3px 14px rgba(0,0,0,0.4);\r\n\t}\r\n.leaflet-container a.leaflet-popup-close-button {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tpadding: 4px 4px 0 0;\r\n\tborder: none;\r\n\ttext-align: center;\r\n\twidth: 18px;\r\n\theight: 14px;\r\n\tfont: 16px/14px Tahoma, Verdana, sans-serif;\r\n\tcolor: #c3c3c3;\r\n\ttext-decoration: none;\r\n\tfont-weight: bold;\r\n\tbackground: transparent;\r\n\t}\r\n.leaflet-container a.leaflet-popup-close-button:hover {\r\n\tcolor: #999;\r\n\t}\r\n.leaflet-popup-scrolled {\r\n\toverflow: auto;\r\n\tborder-bottom: 1px solid #ddd;\r\n\tborder-top: 1px solid #ddd;\r\n\t}\r\n\r\n.leaflet-oldie .leaflet-popup-content-wrapper {\r\n\tzoom: 1;\r\n\t}\r\n.leaflet-oldie .leaflet-popup-tip {\r\n\twidth: 24px;\r\n\tmargin: 0 auto;\r\n\r\n\t-ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";\r\n\tfilter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);\r\n\t}\r\n.leaflet-oldie .leaflet-popup-tip-container {\r\n\tmargin-top: -1px;\r\n\t}\r\n\r\n.leaflet-oldie .leaflet-control-zoom,\r\n.leaflet-oldie .leaflet-control-layers,\r\n.leaflet-oldie .leaflet-popup-content-wrapper,\r\n.leaflet-oldie .leaflet-popup-tip {\r\n\tborder: 1px solid #999;\r\n\t}\r\n\r\n\r\n/* div icon */\r\n\r\n.leaflet-div-icon {\r\n\tbackground: #fff;\r\n\tborder: 1px solid #666;\r\n\t}\r\n\r\n\r\n/* Tooltip */\r\n/* Base styles for the element that has a tooltip */\r\n.leaflet-tooltip {\r\n\tposition: absolute;\r\n\tpadding: 6px;\r\n\tbackground-color: #fff;\r\n\tborder: 1px solid #fff;\r\n\tborder-radius: 3px;\r\n\tcolor: #222;\r\n\twhite-space: nowrap;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\tpointer-events: none;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.4);\r\n\t}\r\n.leaflet-tooltip.leaflet-clickable {\r\n\tcursor: pointer;\r\n\tpointer-events: auto;\r\n\t}\r\n.leaflet-tooltip-top:before,\r\n.leaflet-tooltip-bottom:before,\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n\tposition: absolute;\r\n\tpointer-events: none;\r\n\tborder: 6px solid transparent;\r\n\tbackground: transparent;\r\n\tcontent: \"\";\r\n\t}\r\n\r\n/* Directions */\r\n\r\n.leaflet-tooltip-bottom {\r\n\tmargin-top: 6px;\r\n}\r\n.leaflet-tooltip-top {\r\n\tmargin-top: -6px;\r\n}\r\n.leaflet-tooltip-bottom:before,\r\n.leaflet-tooltip-top:before {\r\n\tleft: 50%;\r\n\tmargin-left: -6px;\r\n\t}\r\n.leaflet-tooltip-top:before {\r\n\tbottom: 0;\r\n\tmargin-bottom: -12px;\r\n\tborder-top-color: #fff;\r\n\t}\r\n.leaflet-tooltip-bottom:before {\r\n\ttop: 0;\r\n\tmargin-top: -12px;\r\n\tmargin-left: -6px;\r\n\tborder-bottom-color: #fff;\r\n\t}\r\n.leaflet-tooltip-left {\r\n\tmargin-left: -6px;\r\n}\r\n.leaflet-tooltip-right {\r\n\tmargin-left: 6px;\r\n}\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n\ttop: 50%;\r\n\tmargin-top: -6px;\r\n\t}\r\n.leaflet-tooltip-left:before {\r\n\tright: 0;\r\n\tmargin-right: -12px;\r\n\tborder-left-color: #fff;\r\n\t}\r\n.leaflet-tooltip-right:before {\r\n\tleft: 0;\r\n\tmargin-left: -12px;\r\n\tborder-right-color: #fff;\r\n\t}\r\n","// *********************************************************************************** //\n// * Leaflet.DumbMGRS - Grid Labels * //\n// *********************************************************************************** //\n.leaflet-grid-label {\n .grid-label-100k {\n background-color: yellow;\n font-size: 13px;\n //font-weight: bold;\n opacity: 0.6;\n color: red;\n position: relative;\n display: inline;\n padding: 1.75px;\n border: 1px black solid;\n border-radius: 2px;\n }\n .grid-label-1000m {\n background-color: yellow;\n font-size: larger;\n font-weight: bold;\n opacity: 0.8;\n color: black;\n text-align: center;\n position: relative;\n display: inline;\n padding: 5px;\n border-radius: 50%;\n }\n}\n","@import '../node_modules/leaflet/dist/leaflet.css';\n@import './L.DumbMGRS.scss';\n\n// *********************************************************************************** //\n// * Default styles and vars for example map * //\n// *********************************************************************************** //\n$primary-color: white;\n$bg: #204a79;\n$fontFamily: 'Roboto';\n$sw-height: 30px;\n$sw-width: 51px;\n\n#map {\n height: 1000px;\n width: 1000px;\n cursor: crosshair;\n}\n\nsvg {\n overflow: visible;\n}\n\n// *********************************************************************************** //\n// * Map Data - (Example Info Box) * //\n// *********************************************************************************** //\n.mapData {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: 1fr;\n grid-column-gap: 15px;\n grid-row-gap: 0px;\n width: 1015px;\n\n // Mouse Cursor Coordinates\n .cursorCoordinates {\n grid-area: 1 / 1 / 2 / 2;\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-template-rows: repeat(3, 1fr);\n grid-column-gap: 0px;\n grid-row-gap: 15px;\n width: 500px;\n margin-top: 10px;\n font-family: $fontFamily;\n outline-style: outset;\n strong {\n font-size: 1.2rem;\n }\n .info {\n font-size: 1.3rem;\n padding-left: 10px;\n }\n > div {\n outline-style: inset;\n padding-top: 10px;\n padding-bottom: 10px;\n text-align: center;\n }\n .div1 {\n grid-area: 1 / 1 / 2 / 3;\n }\n // MGRS\n .div2 {\n grid-area: 1 / 3 / 2 / 13;\n }\n .div3 {\n grid-area: 2 / 1 / 3 / 3;\n }\n // Latitude\n .div4 {\n grid-area: 2 / 3 / 3 / 6;\n }\n .div5 {\n grid-area: 2 / 6 / 3 / 8;\n }\n // Longitude\n .div6 {\n grid-area: 2 / 8 / 3 / 11;\n }\n .div7 {\n grid-area: 3 / 1 / 4 / 3;\n }\n // Easting\n .div8 {\n grid-area: 3 / 3 / 4 / 6;\n }\n .div9 {\n grid-area: 3 / 6 / 4 / 8;\n }\n // Northing\n .div10 {\n grid-area: 3 / 8 / 4 / 11;\n }\n }\n\n // Number of Layers on the Map\n .numberOfLayers {\n grid-area: 1 / 2 / 2 / 3;\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n grid-template-rows: repeat(2, 1fr);\n grid-column-gap: 0px;\n grid-row-gap: 15px;\n width: 500px;\n margin-top: 10px;\n font-family: $fontFamily;\n outline-style: outset;\n height: fit-content;\n strong {\n font-size: 1.2rem;\n }\n .info {\n font-size: 1.3rem;\n padding-left: 10px;\n }\n > div {\n outline-style: inset;\n padding-top: 10px;\n padding-bottom: 10px;\n text-align: center;\n }\n .div1 {\n grid-area: 1 / 1 / 2 / 5;\n }\n // Number of Layers on Map\n .div2 {\n grid-area: 1 / 5 / 2 / 6;\n }\n // Current Zoom Level\n .div3 {\n grid-area: 3 / 1 / 3 / 5;\n }\n .div4 {\n grid-area: 3 / 5 / 3 / 6;\n }\n // Number of Markers on Map\n .div5 {\n grid-area: 2 / 1 / 3 / 5;\n }\n .div6 {\n grid-area: 2 / 5 / 3 / 6;\n }\n }\n}\n\n// *********************************************************************************** //\n// * Map Data - Toggle Switches - (Example Info Box) * //\n// *********************************************************************************** //\n.toggleSwitches {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: 1fr;\n grid-column-gap: 15px;\n grid-row-gap: 0px;\n width: 1015px;\n\n // Mouse Cursor Coordinates\n .grids1000Meters {\n grid-area: 1 / 1 / 2 / 2;\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-template-rows: repeat(3, 1fr);\n grid-column-gap: 0px;\n grid-row-gap: 15px;\n width: 500px;\n margin-top: 10px;\n font-family: $fontFamily;\n outline-style: outset;\n strong {\n font-size: 1.2rem;\n }\n .info {\n font-size: 1.2rem;\n padding-left: 5px;\n }\n > div {\n outline-style: inset;\n padding-top: 10px;\n padding-bottom: 10px;\n text-align: center;\n }\n\n // 1000 meter row\n .div3 {\n grid-area: 1 / 1 / 2 / 3;\n }\n .div4 {\n grid-area: 1 / 3 / 2 / 6;\n }\n .div5 {\n grid-area: 1 / 6 / 2 / 8;\n }\n .div6 {\n grid-area: 1 / 8 / 2 / 11;\n }\n\n // 100k row\n .div7 {\n grid-area: 2 / 1 / 3 / 3;\n }\n .div8 {\n grid-area: 2 / 3 / 3 / 6;\n }\n .div9 {\n grid-area: 2 / 6 / 3 / 8;\n }\n .div10 {\n grid-area: 2 / 8 / 3 / 11;\n }\n\n // GZD row\n .div11 {\n grid-area: 3 / 1 / 4 / 3;\n }\n .div12 {\n grid-area: 3 / 3 / 4 /6;\n }\n .div13 {\n grid-area: 3 / 6 / 4 / 8;\n }\n .div14 {\n grid-area: 3 / 8 / 4 / 11;\n }\n }\n\n // Styles for the toggle switches\n input {\n &.sw {\n opacity: 0;\n position: absolute;\n left: -9999px;\n\n & + label {\n user-select: none;\n transition: 0.2s ease;\n display: inline-block;\n height: $sw-height;\n width: $sw-width;\n position: relative;\n box-shadow: inset 0 0 0px 2px #e4e4e4;\n border-radius: 60px;\n &:before {\n content: '';\n position: absolute;\n display: block;\n height: $sw-height;\n width: $sw-height;\n top: 0;\n left: 0;\n border-radius: $sw-height/2;\n background: rgba(76, 217, 100, 0);\n transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);\n }\n /* White toggle */\n &:after {\n content: '';\n position: absolute;\n display: block;\n height: 28px;\n width: 28px;\n top: 50%;\n margin-top: -14px;\n left: 1px;\n border-radius: 60px;\n background: #fff;\n box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);\n transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\n }\n span {\n white-space: nowrap;\n height: $sw-height;\n line-height: $sw-height;\n margin-left: $sw-width;\n padding-left: 16px;\n font-family: $fontFamily;\n }\n }\n\n &:checked {\n & + label:before {\n width: $sw-width;\n background: rgba(76, 217, 100, 1);\n transition: width 0.2s cubic-bezier(0, 0, 0, 0.1) !important;\n }\n & + label:after {\n left: $sw-width - $sw-height + 1;\n }\n & + label {\n box-shadow: inset 0 0 0px 25px #e4e4e4;\n transition: box-shadow 2.5s cubic-bezier(0, 1.2, 0.94, 0.95);\n }\n }\n\n &:disabled {\n & + label {\n background: red;\n opacity: 0.25;\n }\n }\n }\n }\n}\n"]} -------------------------------------------------------------------------------- /dist/src.e31bb0bc.css: -------------------------------------------------------------------------------- 1 | /* required styles */ 2 | 3 | .leaflet-pane, 4 | .leaflet-tile, 5 | .leaflet-marker-icon, 6 | .leaflet-marker-shadow, 7 | .leaflet-tile-container, 8 | .leaflet-pane > svg, 9 | .leaflet-pane > canvas, 10 | .leaflet-zoom-box, 11 | .leaflet-image-layer, 12 | .leaflet-layer { 13 | position: absolute; 14 | left: 0; 15 | top: 0; 16 | } 17 | .leaflet-container { 18 | overflow: hidden; 19 | } 20 | .leaflet-tile, 21 | .leaflet-marker-icon, 22 | .leaflet-marker-shadow { 23 | -webkit-user-select: none; 24 | -moz-user-select: none; 25 | user-select: none; 26 | -webkit-user-drag: none; 27 | } 28 | /* Prevents IE11 from highlighting tiles in blue */ 29 | .leaflet-tile::selection { 30 | background: transparent; 31 | } 32 | /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ 33 | .leaflet-safari .leaflet-tile { 34 | image-rendering: -webkit-optimize-contrast; 35 | } 36 | /* hack that prevents hw layers "stretching" when loading new tiles */ 37 | .leaflet-safari .leaflet-tile-container { 38 | width: 1600px; 39 | height: 1600px; 40 | -webkit-transform-origin: 0 0; 41 | } 42 | .leaflet-marker-icon, 43 | .leaflet-marker-shadow { 44 | display: block; 45 | } 46 | /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ 47 | /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ 48 | .leaflet-container .leaflet-overlay-pane svg, 49 | .leaflet-container .leaflet-marker-pane img, 50 | .leaflet-container .leaflet-shadow-pane img, 51 | .leaflet-container .leaflet-tile-pane img, 52 | .leaflet-container img.leaflet-image-layer, 53 | .leaflet-container .leaflet-tile { 54 | max-width: none !important; 55 | max-height: none !important; 56 | } 57 | 58 | .leaflet-container.leaflet-touch-zoom { 59 | -ms-touch-action: pan-x pan-y; 60 | touch-action: pan-x pan-y; 61 | } 62 | .leaflet-container.leaflet-touch-drag { 63 | -ms-touch-action: pinch-zoom; 64 | /* Fallback for FF which doesn't support pinch-zoom */ 65 | touch-action: none; 66 | touch-action: pinch-zoom; 67 | } 68 | .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { 69 | -ms-touch-action: none; 70 | touch-action: none; 71 | } 72 | .leaflet-container { 73 | -webkit-tap-highlight-color: transparent; 74 | } 75 | .leaflet-container a { 76 | -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); 77 | } 78 | .leaflet-tile { 79 | filter: inherit; 80 | visibility: hidden; 81 | } 82 | .leaflet-tile-loaded { 83 | visibility: inherit; 84 | } 85 | .leaflet-zoom-box { 86 | width: 0; 87 | height: 0; 88 | -moz-box-sizing: border-box; 89 | box-sizing: border-box; 90 | z-index: 800; 91 | } 92 | /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ 93 | .leaflet-overlay-pane svg { 94 | -moz-user-select: none; 95 | } 96 | 97 | .leaflet-pane { z-index: 400; } 98 | 99 | .leaflet-tile-pane { z-index: 200; } 100 | .leaflet-overlay-pane { z-index: 400; } 101 | .leaflet-shadow-pane { z-index: 500; } 102 | .leaflet-marker-pane { z-index: 600; } 103 | .leaflet-tooltip-pane { z-index: 650; } 104 | .leaflet-popup-pane { z-index: 700; } 105 | 106 | .leaflet-map-pane canvas { z-index: 100; } 107 | .leaflet-map-pane svg { z-index: 200; } 108 | 109 | .leaflet-vml-shape { 110 | width: 1px; 111 | height: 1px; 112 | } 113 | .lvml { 114 | behavior: url(#default#VML); 115 | display: inline-block; 116 | position: absolute; 117 | } 118 | 119 | 120 | /* control positioning */ 121 | 122 | .leaflet-control { 123 | position: relative; 124 | z-index: 800; 125 | pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ 126 | pointer-events: auto; 127 | } 128 | .leaflet-top, 129 | .leaflet-bottom { 130 | position: absolute; 131 | z-index: 1000; 132 | pointer-events: none; 133 | } 134 | .leaflet-top { 135 | top: 0; 136 | } 137 | .leaflet-right { 138 | right: 0; 139 | } 140 | .leaflet-bottom { 141 | bottom: 0; 142 | } 143 | .leaflet-left { 144 | left: 0; 145 | } 146 | .leaflet-control { 147 | float: left; 148 | clear: both; 149 | } 150 | .leaflet-right .leaflet-control { 151 | float: right; 152 | } 153 | .leaflet-top .leaflet-control { 154 | margin-top: 10px; 155 | } 156 | .leaflet-bottom .leaflet-control { 157 | margin-bottom: 10px; 158 | } 159 | .leaflet-left .leaflet-control { 160 | margin-left: 10px; 161 | } 162 | .leaflet-right .leaflet-control { 163 | margin-right: 10px; 164 | } 165 | 166 | 167 | /* zoom and fade animations */ 168 | 169 | .leaflet-fade-anim .leaflet-tile { 170 | will-change: opacity; 171 | } 172 | .leaflet-fade-anim .leaflet-popup { 173 | opacity: 0; 174 | -webkit-transition: opacity 0.2s linear; 175 | -moz-transition: opacity 0.2s linear; 176 | transition: opacity 0.2s linear; 177 | } 178 | .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { 179 | opacity: 1; 180 | } 181 | .leaflet-zoom-animated { 182 | -webkit-transform-origin: 0 0; 183 | -ms-transform-origin: 0 0; 184 | transform-origin: 0 0; 185 | } 186 | .leaflet-zoom-anim .leaflet-zoom-animated { 187 | will-change: transform; 188 | } 189 | .leaflet-zoom-anim .leaflet-zoom-animated { 190 | -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); 191 | -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); 192 | transition: transform 0.25s cubic-bezier(0,0,0.25,1); 193 | } 194 | .leaflet-zoom-anim .leaflet-tile, 195 | .leaflet-pan-anim .leaflet-tile { 196 | -webkit-transition: none; 197 | -moz-transition: none; 198 | transition: none; 199 | } 200 | 201 | .leaflet-zoom-anim .leaflet-zoom-hide { 202 | visibility: hidden; 203 | } 204 | 205 | 206 | /* cursors */ 207 | 208 | .leaflet-interactive { 209 | cursor: pointer; 210 | } 211 | .leaflet-grab { 212 | cursor: -webkit-grab; 213 | cursor: -moz-grab; 214 | cursor: grab; 215 | } 216 | .leaflet-crosshair, 217 | .leaflet-crosshair .leaflet-interactive { 218 | cursor: crosshair; 219 | } 220 | .leaflet-popup-pane, 221 | .leaflet-control { 222 | cursor: auto; 223 | } 224 | .leaflet-dragging .leaflet-grab, 225 | .leaflet-dragging .leaflet-grab .leaflet-interactive, 226 | .leaflet-dragging .leaflet-marker-draggable { 227 | cursor: move; 228 | cursor: -webkit-grabbing; 229 | cursor: -moz-grabbing; 230 | cursor: grabbing; 231 | } 232 | 233 | /* marker & overlays interactivity */ 234 | .leaflet-marker-icon, 235 | .leaflet-marker-shadow, 236 | .leaflet-image-layer, 237 | .leaflet-pane > svg path, 238 | .leaflet-tile-container { 239 | pointer-events: none; 240 | } 241 | 242 | .leaflet-marker-icon.leaflet-interactive, 243 | .leaflet-image-layer.leaflet-interactive, 244 | .leaflet-pane > svg path.leaflet-interactive, 245 | svg.leaflet-image-layer.leaflet-interactive path { 246 | pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ 247 | pointer-events: auto; 248 | } 249 | 250 | /* visual tweaks */ 251 | 252 | .leaflet-container { 253 | background: #ddd; 254 | outline: 0; 255 | } 256 | .leaflet-container a { 257 | color: #0078A8; 258 | } 259 | .leaflet-container a.leaflet-active { 260 | outline: 2px solid orange; 261 | } 262 | .leaflet-zoom-box { 263 | border: 2px dotted #38f; 264 | background: rgba(255,255,255,0.5); 265 | } 266 | 267 | 268 | /* general typography */ 269 | .leaflet-container { 270 | font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; 271 | } 272 | 273 | 274 | /* general toolbar styles */ 275 | 276 | .leaflet-bar { 277 | box-shadow: 0 1px 5px rgba(0,0,0,0.65); 278 | border-radius: 4px; 279 | } 280 | .leaflet-bar a, 281 | .leaflet-bar a:hover { 282 | background-color: #fff; 283 | border-bottom: 1px solid #ccc; 284 | width: 26px; 285 | height: 26px; 286 | line-height: 26px; 287 | display: block; 288 | text-align: center; 289 | text-decoration: none; 290 | color: black; 291 | } 292 | .leaflet-bar a, 293 | .leaflet-control-layers-toggle { 294 | background-position: 50% 50%; 295 | background-repeat: no-repeat; 296 | display: block; 297 | } 298 | .leaflet-bar a:hover { 299 | background-color: #f4f4f4; 300 | } 301 | .leaflet-bar a:first-child { 302 | border-top-left-radius: 4px; 303 | border-top-right-radius: 4px; 304 | } 305 | .leaflet-bar a:last-child { 306 | border-bottom-left-radius: 4px; 307 | border-bottom-right-radius: 4px; 308 | border-bottom: none; 309 | } 310 | .leaflet-bar a.leaflet-disabled { 311 | cursor: default; 312 | background-color: #f4f4f4; 313 | color: #bbb; 314 | } 315 | 316 | .leaflet-touch .leaflet-bar a { 317 | width: 30px; 318 | height: 30px; 319 | line-height: 30px; 320 | } 321 | .leaflet-touch .leaflet-bar a:first-child { 322 | border-top-left-radius: 2px; 323 | border-top-right-radius: 2px; 324 | } 325 | .leaflet-touch .leaflet-bar a:last-child { 326 | border-bottom-left-radius: 2px; 327 | border-bottom-right-radius: 2px; 328 | } 329 | 330 | /* zoom control */ 331 | 332 | .leaflet-control-zoom-in, 333 | .leaflet-control-zoom-out { 334 | font: bold 18px 'Lucida Console', Monaco, monospace; 335 | text-indent: 1px; 336 | } 337 | 338 | .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { 339 | font-size: 22px; 340 | } 341 | 342 | 343 | /* layers control */ 344 | 345 | .leaflet-control-layers { 346 | box-shadow: 0 1px 5px rgba(0,0,0,0.4); 347 | background: #fff; 348 | border-radius: 5px; 349 | } 350 | .leaflet-control-layers-toggle { 351 | background-image: url(/layers.833a3ad0.png); 352 | width: 36px; 353 | height: 36px; 354 | } 355 | .leaflet-retina .leaflet-control-layers-toggle { 356 | background-image: url(/layers-2x.7859b0a7.png); 357 | background-size: 26px 26px; 358 | } 359 | .leaflet-touch .leaflet-control-layers-toggle { 360 | width: 44px; 361 | height: 44px; 362 | } 363 | .leaflet-control-layers .leaflet-control-layers-list, 364 | .leaflet-control-layers-expanded .leaflet-control-layers-toggle { 365 | display: none; 366 | } 367 | .leaflet-control-layers-expanded .leaflet-control-layers-list { 368 | display: block; 369 | position: relative; 370 | } 371 | .leaflet-control-layers-expanded { 372 | padding: 6px 10px 6px 6px; 373 | color: #333; 374 | background: #fff; 375 | } 376 | .leaflet-control-layers-scrollbar { 377 | overflow-y: scroll; 378 | overflow-x: hidden; 379 | padding-right: 5px; 380 | } 381 | .leaflet-control-layers-selector { 382 | margin-top: 2px; 383 | position: relative; 384 | top: 1px; 385 | } 386 | .leaflet-control-layers label { 387 | display: block; 388 | } 389 | .leaflet-control-layers-separator { 390 | height: 0; 391 | border-top: 1px solid #ddd; 392 | margin: 5px -10px 5px -6px; 393 | } 394 | 395 | /* Default icon URLs */ 396 | .leaflet-default-icon-path { 397 | background-image: url(/marker-icon.28bcaf97.png); 398 | } 399 | 400 | 401 | /* attribution and scale controls */ 402 | 403 | .leaflet-container .leaflet-control-attribution { 404 | background: #fff; 405 | background: rgba(255, 255, 255, 0.7); 406 | margin: 0; 407 | } 408 | .leaflet-control-attribution, 409 | .leaflet-control-scale-line { 410 | padding: 0 5px; 411 | color: #333; 412 | } 413 | .leaflet-control-attribution a { 414 | text-decoration: none; 415 | } 416 | .leaflet-control-attribution a:hover { 417 | text-decoration: underline; 418 | } 419 | .leaflet-container .leaflet-control-attribution, 420 | .leaflet-container .leaflet-control-scale { 421 | font-size: 11px; 422 | } 423 | .leaflet-left .leaflet-control-scale { 424 | margin-left: 5px; 425 | } 426 | .leaflet-bottom .leaflet-control-scale { 427 | margin-bottom: 5px; 428 | } 429 | .leaflet-control-scale-line { 430 | border: 2px solid #777; 431 | border-top: none; 432 | line-height: 1.1; 433 | padding: 2px 5px 1px; 434 | font-size: 11px; 435 | white-space: nowrap; 436 | overflow: hidden; 437 | -moz-box-sizing: border-box; 438 | box-sizing: border-box; 439 | 440 | background: #fff; 441 | background: rgba(255, 255, 255, 0.5); 442 | } 443 | .leaflet-control-scale-line:not(:first-child) { 444 | border-top: 2px solid #777; 445 | border-bottom: none; 446 | margin-top: -2px; 447 | } 448 | .leaflet-control-scale-line:not(:first-child):not(:last-child) { 449 | border-bottom: 2px solid #777; 450 | } 451 | 452 | .leaflet-touch .leaflet-control-attribution, 453 | .leaflet-touch .leaflet-control-layers, 454 | .leaflet-touch .leaflet-bar { 455 | box-shadow: none; 456 | } 457 | .leaflet-touch .leaflet-control-layers, 458 | .leaflet-touch .leaflet-bar { 459 | border: 2px solid rgba(0,0,0,0.2); 460 | background-clip: padding-box; 461 | } 462 | 463 | 464 | /* popup */ 465 | 466 | .leaflet-popup { 467 | position: absolute; 468 | text-align: center; 469 | margin-bottom: 20px; 470 | } 471 | .leaflet-popup-content-wrapper { 472 | padding: 1px; 473 | text-align: left; 474 | border-radius: 12px; 475 | } 476 | .leaflet-popup-content { 477 | margin: 13px 19px; 478 | line-height: 1.4; 479 | } 480 | .leaflet-popup-content p { 481 | margin: 18px 0; 482 | } 483 | .leaflet-popup-tip-container { 484 | width: 40px; 485 | height: 20px; 486 | position: absolute; 487 | left: 50%; 488 | margin-left: -20px; 489 | overflow: hidden; 490 | pointer-events: none; 491 | } 492 | .leaflet-popup-tip { 493 | width: 17px; 494 | height: 17px; 495 | padding: 1px; 496 | 497 | margin: -10px auto 0; 498 | 499 | -webkit-transform: rotate(45deg); 500 | -moz-transform: rotate(45deg); 501 | -ms-transform: rotate(45deg); 502 | transform: rotate(45deg); 503 | } 504 | .leaflet-popup-content-wrapper, 505 | .leaflet-popup-tip { 506 | background: white; 507 | color: #333; 508 | box-shadow: 0 3px 14px rgba(0,0,0,0.4); 509 | } 510 | .leaflet-container a.leaflet-popup-close-button { 511 | position: absolute; 512 | top: 0; 513 | right: 0; 514 | padding: 4px 4px 0 0; 515 | border: none; 516 | text-align: center; 517 | width: 18px; 518 | height: 14px; 519 | font: 16px/14px Tahoma, Verdana, sans-serif; 520 | color: #c3c3c3; 521 | text-decoration: none; 522 | font-weight: bold; 523 | background: transparent; 524 | } 525 | .leaflet-container a.leaflet-popup-close-button:hover { 526 | color: #999; 527 | } 528 | .leaflet-popup-scrolled { 529 | overflow: auto; 530 | border-bottom: 1px solid #ddd; 531 | border-top: 1px solid #ddd; 532 | } 533 | 534 | .leaflet-oldie .leaflet-popup-content-wrapper { 535 | zoom: 1; 536 | } 537 | .leaflet-oldie .leaflet-popup-tip { 538 | width: 24px; 539 | margin: 0 auto; 540 | 541 | -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; 542 | filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); 543 | } 544 | .leaflet-oldie .leaflet-popup-tip-container { 545 | margin-top: -1px; 546 | } 547 | 548 | .leaflet-oldie .leaflet-control-zoom, 549 | .leaflet-oldie .leaflet-control-layers, 550 | .leaflet-oldie .leaflet-popup-content-wrapper, 551 | .leaflet-oldie .leaflet-popup-tip { 552 | border: 1px solid #999; 553 | } 554 | 555 | 556 | /* div icon */ 557 | 558 | .leaflet-div-icon { 559 | background: #fff; 560 | border: 1px solid #666; 561 | } 562 | 563 | 564 | /* Tooltip */ 565 | /* Base styles for the element that has a tooltip */ 566 | .leaflet-tooltip { 567 | position: absolute; 568 | padding: 6px; 569 | background-color: #fff; 570 | border: 1px solid #fff; 571 | border-radius: 3px; 572 | color: #222; 573 | white-space: nowrap; 574 | -webkit-user-select: none; 575 | -moz-user-select: none; 576 | -ms-user-select: none; 577 | user-select: none; 578 | pointer-events: none; 579 | box-shadow: 0 1px 3px rgba(0,0,0,0.4); 580 | } 581 | .leaflet-tooltip.leaflet-clickable { 582 | cursor: pointer; 583 | pointer-events: auto; 584 | } 585 | .leaflet-tooltip-top:before, 586 | .leaflet-tooltip-bottom:before, 587 | .leaflet-tooltip-left:before, 588 | .leaflet-tooltip-right:before { 589 | position: absolute; 590 | pointer-events: none; 591 | border: 6px solid transparent; 592 | background: transparent; 593 | content: ""; 594 | } 595 | 596 | /* Directions */ 597 | 598 | .leaflet-tooltip-bottom { 599 | margin-top: 6px; 600 | } 601 | .leaflet-tooltip-top { 602 | margin-top: -6px; 603 | } 604 | .leaflet-tooltip-bottom:before, 605 | .leaflet-tooltip-top:before { 606 | left: 50%; 607 | margin-left: -6px; 608 | } 609 | .leaflet-tooltip-top:before { 610 | bottom: 0; 611 | margin-bottom: -12px; 612 | border-top-color: #fff; 613 | } 614 | .leaflet-tooltip-bottom:before { 615 | top: 0; 616 | margin-top: -12px; 617 | margin-left: -6px; 618 | border-bottom-color: #fff; 619 | } 620 | .leaflet-tooltip-left { 621 | margin-left: -6px; 622 | } 623 | .leaflet-tooltip-right { 624 | margin-left: 6px; 625 | } 626 | .leaflet-tooltip-left:before, 627 | .leaflet-tooltip-right:before { 628 | top: 50%; 629 | margin-top: -6px; 630 | } 631 | .leaflet-tooltip-left:before { 632 | right: 0; 633 | margin-right: -12px; 634 | border-left-color: #fff; 635 | } 636 | .leaflet-tooltip-right:before { 637 | left: 0; 638 | margin-left: -12px; 639 | border-right-color: #fff; 640 | } 641 | 642 | .leaflet-grid-label .grid-label-100k { 643 | background-color: yellow; 644 | font-size: 13px; 645 | opacity: 0.6; 646 | color: red; 647 | position: relative; 648 | display: inline; 649 | padding: 1.75px; 650 | border: 1px black solid; 651 | border-radius: 2px; 652 | } 653 | .leaflet-grid-label .grid-label-1000m { 654 | background-color: yellow; 655 | font-size: larger; 656 | font-weight: bold; 657 | opacity: 0.8; 658 | color: black; 659 | text-align: center; 660 | position: relative; 661 | display: inline; 662 | padding: 5px; 663 | border-radius: 50%; 664 | } 665 | 666 | #map { 667 | height: 1000px; 668 | width: 1000px; 669 | cursor: crosshair; 670 | } 671 | 672 | svg { 673 | overflow: visible; 674 | } 675 | 676 | .mapData { 677 | display: grid; 678 | grid-template-columns: repeat(2, 1fr); 679 | grid-template-rows: 1fr; 680 | grid-column-gap: 15px; 681 | grid-row-gap: 0px; 682 | width: 1015px; 683 | } 684 | .mapData .cursorCoordinates { 685 | grid-area: 1/1/2/2; 686 | display: grid; 687 | grid-template-columns: repeat(10, 1fr); 688 | grid-template-rows: repeat(3, 1fr); 689 | grid-column-gap: 0px; 690 | grid-row-gap: 15px; 691 | width: 500px; 692 | margin-top: 10px; 693 | font-family: "Roboto"; 694 | outline-style: outset; 695 | } 696 | .mapData .cursorCoordinates strong { 697 | font-size: 1.2rem; 698 | } 699 | .mapData .cursorCoordinates .info { 700 | font-size: 1.3rem; 701 | padding-left: 10px; 702 | } 703 | .mapData .cursorCoordinates > div { 704 | outline-style: inset; 705 | padding-top: 10px; 706 | padding-bottom: 10px; 707 | text-align: center; 708 | } 709 | .mapData .cursorCoordinates .div1 { 710 | grid-area: 1/1/2/3; 711 | } 712 | .mapData .cursorCoordinates .div2 { 713 | grid-area: 1/3/2/13; 714 | } 715 | .mapData .cursorCoordinates .div3 { 716 | grid-area: 2/1/3/3; 717 | } 718 | .mapData .cursorCoordinates .div4 { 719 | grid-area: 2/3/3/6; 720 | } 721 | .mapData .cursorCoordinates .div5 { 722 | grid-area: 2/6/3/8; 723 | } 724 | .mapData .cursorCoordinates .div6 { 725 | grid-area: 2/8/3/11; 726 | } 727 | .mapData .cursorCoordinates .div7 { 728 | grid-area: 3/1/4/3; 729 | } 730 | .mapData .cursorCoordinates .div8 { 731 | grid-area: 3/3/4/6; 732 | } 733 | .mapData .cursorCoordinates .div9 { 734 | grid-area: 3/6/4/8; 735 | } 736 | .mapData .cursorCoordinates .div10 { 737 | grid-area: 3/8/4/11; 738 | } 739 | .mapData .numberOfLayers { 740 | grid-area: 1/2/2/3; 741 | display: grid; 742 | grid-template-columns: repeat(5, 1fr); 743 | grid-template-rows: repeat(2, 1fr); 744 | grid-column-gap: 0px; 745 | grid-row-gap: 15px; 746 | width: 500px; 747 | margin-top: 10px; 748 | font-family: "Roboto"; 749 | outline-style: outset; 750 | height: fit-content; 751 | } 752 | .mapData .numberOfLayers strong { 753 | font-size: 1.2rem; 754 | } 755 | .mapData .numberOfLayers .info { 756 | font-size: 1.3rem; 757 | padding-left: 10px; 758 | } 759 | .mapData .numberOfLayers > div { 760 | outline-style: inset; 761 | padding-top: 10px; 762 | padding-bottom: 10px; 763 | text-align: center; 764 | } 765 | .mapData .numberOfLayers .div1 { 766 | grid-area: 1/1/2/5; 767 | } 768 | .mapData .numberOfLayers .div2 { 769 | grid-area: 1/5/2/6; 770 | } 771 | .mapData .numberOfLayers .div3 { 772 | grid-area: 3/1/3/5; 773 | } 774 | .mapData .numberOfLayers .div4 { 775 | grid-area: 3/5/3/6; 776 | } 777 | .mapData .numberOfLayers .div5 { 778 | grid-area: 2/1/3/5; 779 | } 780 | .mapData .numberOfLayers .div6 { 781 | grid-area: 2/5/3/6; 782 | } 783 | 784 | .toggleSwitches { 785 | display: grid; 786 | grid-template-columns: repeat(2, 1fr); 787 | grid-template-rows: 1fr; 788 | grid-column-gap: 15px; 789 | grid-row-gap: 0px; 790 | width: 1015px; 791 | } 792 | .toggleSwitches .grids1000Meters { 793 | grid-area: 1/1/2/2; 794 | display: grid; 795 | grid-template-columns: repeat(10, 1fr); 796 | grid-template-rows: repeat(3, 1fr); 797 | grid-column-gap: 0px; 798 | grid-row-gap: 15px; 799 | width: 500px; 800 | margin-top: 10px; 801 | font-family: "Roboto"; 802 | outline-style: outset; 803 | } 804 | .toggleSwitches .grids1000Meters strong { 805 | font-size: 1.2rem; 806 | } 807 | .toggleSwitches .grids1000Meters .info { 808 | font-size: 1.2rem; 809 | padding-left: 5px; 810 | } 811 | .toggleSwitches .grids1000Meters > div { 812 | outline-style: inset; 813 | padding-top: 10px; 814 | padding-bottom: 10px; 815 | text-align: center; 816 | } 817 | .toggleSwitches .grids1000Meters .div3 { 818 | grid-area: 1/1/2/3; 819 | } 820 | .toggleSwitches .grids1000Meters .div4 { 821 | grid-area: 1/3/2/6; 822 | } 823 | .toggleSwitches .grids1000Meters .div5 { 824 | grid-area: 1/6/2/8; 825 | } 826 | .toggleSwitches .grids1000Meters .div6 { 827 | grid-area: 1/8/2/11; 828 | } 829 | .toggleSwitches .grids1000Meters .div7 { 830 | grid-area: 2/1/3/3; 831 | } 832 | .toggleSwitches .grids1000Meters .div8 { 833 | grid-area: 2/3/3/6; 834 | } 835 | .toggleSwitches .grids1000Meters .div9 { 836 | grid-area: 2/6/3/8; 837 | } 838 | .toggleSwitches .grids1000Meters .div10 { 839 | grid-area: 2/8/3/11; 840 | } 841 | .toggleSwitches .grids1000Meters .div11 { 842 | grid-area: 3/1/4/3; 843 | } 844 | .toggleSwitches .grids1000Meters .div12 { 845 | grid-area: 3/3/4/6; 846 | } 847 | .toggleSwitches .grids1000Meters .div13 { 848 | grid-area: 3/6/4/8; 849 | } 850 | .toggleSwitches .grids1000Meters .div14 { 851 | grid-area: 3/8/4/11; 852 | } 853 | .toggleSwitches input.sw { 854 | opacity: 0; 855 | position: absolute; 856 | left: -9999px; 857 | } 858 | .toggleSwitches input.sw + label { 859 | user-select: none; 860 | transition: 0.2s ease; 861 | display: inline-block; 862 | height: 30px; 863 | width: 51px; 864 | position: relative; 865 | box-shadow: inset 0 0 0px 2px #e4e4e4; 866 | border-radius: 60px; 867 | /* White toggle */ 868 | } 869 | .toggleSwitches input.sw + label:before { 870 | content: ""; 871 | position: absolute; 872 | display: block; 873 | height: 30px; 874 | width: 30px; 875 | top: 0; 876 | left: 0; 877 | border-radius: 15px; 878 | background: rgba(76, 217, 100, 0); 879 | transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); 880 | } 881 | .toggleSwitches input.sw + label:after { 882 | content: ""; 883 | position: absolute; 884 | display: block; 885 | height: 28px; 886 | width: 28px; 887 | top: 50%; 888 | margin-top: -14px; 889 | left: 1px; 890 | border-radius: 60px; 891 | background: #fff; 892 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05); 893 | transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); 894 | } 895 | .toggleSwitches input.sw + label span { 896 | white-space: nowrap; 897 | height: 30px; 898 | line-height: 30px; 899 | margin-left: 51px; 900 | padding-left: 16px; 901 | font-family: "Roboto"; 902 | } 903 | .toggleSwitches input.sw:checked + label:before { 904 | width: 51px; 905 | background: #4cd964; 906 | transition: width 0.2s cubic-bezier(0, 0, 0, 0.1) !important; 907 | } 908 | .toggleSwitches input.sw:checked + label:after { 909 | left: 22px; 910 | } 911 | .toggleSwitches input.sw:checked + label { 912 | box-shadow: inset 0 0 0px 25px #e4e4e4; 913 | transition: box-shadow 2.5s cubic-bezier(0, 1.2, 0.94, 0.95); 914 | } 915 | .toggleSwitches input.sw:disabled + label { 916 | background: red; 917 | opacity: 0.25; 918 | } 919 | .leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url('/spritesheet.1431b7ba.png');background-image:linear-gradient(transparent,transparent),url('/spritesheet.7180d5e0.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url('/spritesheet-2x.cfa65c48.png');background-image:linear-gradient(transparent,transparent),url('/spritesheet.7180d5e0.svg')} 920 | .leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block} 921 | .leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px} 922 | .leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px} 923 | .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px} 924 | .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px} 925 | .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px} 926 | .leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px} 927 | .leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box} 928 | .leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999} 929 | 930 | /*# sourceMappingURL=/src.e31bb0bc.css.map */ -------------------------------------------------------------------------------- /dist/src.e31bb0bc.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["leaflet.css","L.DumbMGRS.scss","styles.scss","leaflet.draw.css"],"names":[],"mappings":"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","file":"src.e31bb0bc.css","sourceRoot":"../src","sourcesContent":["/* required styles */\r\n\r\n.leaflet-pane,\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-tile-container,\r\n.leaflet-pane > svg,\r\n.leaflet-pane > canvas,\r\n.leaflet-zoom-box,\r\n.leaflet-image-layer,\r\n.leaflet-layer {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\t}\r\n.leaflet-container {\r\n\toverflow: hidden;\r\n\t}\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n\t-webkit-user-select: none;\r\n\t -moz-user-select: none;\r\n\t user-select: none;\r\n\t -webkit-user-drag: none;\r\n\t}\r\n/* Prevents IE11 from highlighting tiles in blue */\r\n.leaflet-tile::selection {\r\n\tbackground: transparent;\r\n}\r\n/* Safari renders non-retina tile on retina better with this, but Chrome is worse */\r\n.leaflet-safari .leaflet-tile {\r\n\timage-rendering: -webkit-optimize-contrast;\r\n\t}\r\n/* hack that prevents hw layers \"stretching\" when loading new tiles */\r\n.leaflet-safari .leaflet-tile-container {\r\n\twidth: 1600px;\r\n\theight: 1600px;\r\n\t-webkit-transform-origin: 0 0;\r\n\t}\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n\tdisplay: block;\r\n\t}\r\n/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */\r\n/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */\r\n.leaflet-container .leaflet-overlay-pane svg,\r\n.leaflet-container .leaflet-marker-pane img,\r\n.leaflet-container .leaflet-shadow-pane img,\r\n.leaflet-container .leaflet-tile-pane img,\r\n.leaflet-container img.leaflet-image-layer,\r\n.leaflet-container .leaflet-tile {\r\n\tmax-width: none !important;\r\n\tmax-height: none !important;\r\n\t}\r\n\r\n.leaflet-container.leaflet-touch-zoom {\r\n\t-ms-touch-action: pan-x pan-y;\r\n\ttouch-action: pan-x pan-y;\r\n\t}\r\n.leaflet-container.leaflet-touch-drag {\r\n\t-ms-touch-action: pinch-zoom;\r\n\t/* Fallback for FF which doesn't support pinch-zoom */\r\n\ttouch-action: none;\r\n\ttouch-action: pinch-zoom;\r\n}\r\n.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {\r\n\t-ms-touch-action: none;\r\n\ttouch-action: none;\r\n}\r\n.leaflet-container {\r\n\t-webkit-tap-highlight-color: transparent;\r\n}\r\n.leaflet-container a {\r\n\t-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r\n}\r\n.leaflet-tile {\r\n\tfilter: inherit;\r\n\tvisibility: hidden;\r\n\t}\r\n.leaflet-tile-loaded {\r\n\tvisibility: inherit;\r\n\t}\r\n.leaflet-zoom-box {\r\n\twidth: 0;\r\n\theight: 0;\r\n\t-moz-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\tz-index: 800;\r\n\t}\r\n/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */\r\n.leaflet-overlay-pane svg {\r\n\t-moz-user-select: none;\r\n\t}\r\n\r\n.leaflet-pane { z-index: 400; }\r\n\r\n.leaflet-tile-pane { z-index: 200; }\r\n.leaflet-overlay-pane { z-index: 400; }\r\n.leaflet-shadow-pane { z-index: 500; }\r\n.leaflet-marker-pane { z-index: 600; }\r\n.leaflet-tooltip-pane { z-index: 650; }\r\n.leaflet-popup-pane { z-index: 700; }\r\n\r\n.leaflet-map-pane canvas { z-index: 100; }\r\n.leaflet-map-pane svg { z-index: 200; }\r\n\r\n.leaflet-vml-shape {\r\n\twidth: 1px;\r\n\theight: 1px;\r\n\t}\r\n.lvml {\r\n\tbehavior: url(#default#VML);\r\n\tdisplay: inline-block;\r\n\tposition: absolute;\r\n\t}\r\n\r\n\r\n/* control positioning */\r\n\r\n.leaflet-control {\r\n\tposition: relative;\r\n\tz-index: 800;\r\n\tpointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r\n\tpointer-events: auto;\r\n\t}\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n\tposition: absolute;\r\n\tz-index: 1000;\r\n\tpointer-events: none;\r\n\t}\r\n.leaflet-top {\r\n\ttop: 0;\r\n\t}\r\n.leaflet-right {\r\n\tright: 0;\r\n\t}\r\n.leaflet-bottom {\r\n\tbottom: 0;\r\n\t}\r\n.leaflet-left {\r\n\tleft: 0;\r\n\t}\r\n.leaflet-control {\r\n\tfloat: left;\r\n\tclear: both;\r\n\t}\r\n.leaflet-right .leaflet-control {\r\n\tfloat: right;\r\n\t}\r\n.leaflet-top .leaflet-control {\r\n\tmargin-top: 10px;\r\n\t}\r\n.leaflet-bottom .leaflet-control {\r\n\tmargin-bottom: 10px;\r\n\t}\r\n.leaflet-left .leaflet-control {\r\n\tmargin-left: 10px;\r\n\t}\r\n.leaflet-right .leaflet-control {\r\n\tmargin-right: 10px;\r\n\t}\r\n\r\n\r\n/* zoom and fade animations */\r\n\r\n.leaflet-fade-anim .leaflet-tile {\r\n\twill-change: opacity;\r\n\t}\r\n.leaflet-fade-anim .leaflet-popup {\r\n\topacity: 0;\r\n\t-webkit-transition: opacity 0.2s linear;\r\n\t -moz-transition: opacity 0.2s linear;\r\n\t transition: opacity 0.2s linear;\r\n\t}\r\n.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {\r\n\topacity: 1;\r\n\t}\r\n.leaflet-zoom-animated {\r\n\t-webkit-transform-origin: 0 0;\r\n\t -ms-transform-origin: 0 0;\r\n\t transform-origin: 0 0;\r\n\t}\r\n.leaflet-zoom-anim .leaflet-zoom-animated {\r\n\twill-change: transform;\r\n\t}\r\n.leaflet-zoom-anim .leaflet-zoom-animated {\r\n\t-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);\r\n\t -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);\r\n\t transition: transform 0.25s cubic-bezier(0,0,0.25,1);\r\n\t}\r\n.leaflet-zoom-anim .leaflet-tile,\r\n.leaflet-pan-anim .leaflet-tile {\r\n\t-webkit-transition: none;\r\n\t -moz-transition: none;\r\n\t transition: none;\r\n\t}\r\n\r\n.leaflet-zoom-anim .leaflet-zoom-hide {\r\n\tvisibility: hidden;\r\n\t}\r\n\r\n\r\n/* cursors */\r\n\r\n.leaflet-interactive {\r\n\tcursor: pointer;\r\n\t}\r\n.leaflet-grab {\r\n\tcursor: -webkit-grab;\r\n\tcursor: -moz-grab;\r\n\tcursor: grab;\r\n\t}\r\n.leaflet-crosshair,\r\n.leaflet-crosshair .leaflet-interactive {\r\n\tcursor: crosshair;\r\n\t}\r\n.leaflet-popup-pane,\r\n.leaflet-control {\r\n\tcursor: auto;\r\n\t}\r\n.leaflet-dragging .leaflet-grab,\r\n.leaflet-dragging .leaflet-grab .leaflet-interactive,\r\n.leaflet-dragging .leaflet-marker-draggable {\r\n\tcursor: move;\r\n\tcursor: -webkit-grabbing;\r\n\tcursor: -moz-grabbing;\r\n\tcursor: grabbing;\r\n\t}\r\n\r\n/* marker & overlays interactivity */\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-image-layer,\r\n.leaflet-pane > svg path,\r\n.leaflet-tile-container {\r\n\tpointer-events: none;\r\n\t}\r\n\r\n.leaflet-marker-icon.leaflet-interactive,\r\n.leaflet-image-layer.leaflet-interactive,\r\n.leaflet-pane > svg path.leaflet-interactive,\r\nsvg.leaflet-image-layer.leaflet-interactive path {\r\n\tpointer-events: visiblePainted; /* IE 9-10 doesn't have auto */\r\n\tpointer-events: auto;\r\n\t}\r\n\r\n/* visual tweaks */\r\n\r\n.leaflet-container {\r\n\tbackground: #ddd;\r\n\toutline: 0;\r\n\t}\r\n.leaflet-container a {\r\n\tcolor: #0078A8;\r\n\t}\r\n.leaflet-container a.leaflet-active {\r\n\toutline: 2px solid orange;\r\n\t}\r\n.leaflet-zoom-box {\r\n\tborder: 2px dotted #38f;\r\n\tbackground: rgba(255,255,255,0.5);\r\n\t}\r\n\r\n\r\n/* general typography */\r\n.leaflet-container {\r\n\tfont: 12px/1.5 \"Helvetica Neue\", Arial, Helvetica, sans-serif;\r\n\t}\r\n\r\n\r\n/* general toolbar styles */\r\n\r\n.leaflet-bar {\r\n\tbox-shadow: 0 1px 5px rgba(0,0,0,0.65);\r\n\tborder-radius: 4px;\r\n\t}\r\n.leaflet-bar a,\r\n.leaflet-bar a:hover {\r\n\tbackground-color: #fff;\r\n\tborder-bottom: 1px solid #ccc;\r\n\twidth: 26px;\r\n\theight: 26px;\r\n\tline-height: 26px;\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\tcolor: black;\r\n\t}\r\n.leaflet-bar a,\r\n.leaflet-control-layers-toggle {\r\n\tbackground-position: 50% 50%;\r\n\tbackground-repeat: no-repeat;\r\n\tdisplay: block;\r\n\t}\r\n.leaflet-bar a:hover {\r\n\tbackground-color: #f4f4f4;\r\n\t}\r\n.leaflet-bar a:first-child {\r\n\tborder-top-left-radius: 4px;\r\n\tborder-top-right-radius: 4px;\r\n\t}\r\n.leaflet-bar a:last-child {\r\n\tborder-bottom-left-radius: 4px;\r\n\tborder-bottom-right-radius: 4px;\r\n\tborder-bottom: none;\r\n\t}\r\n.leaflet-bar a.leaflet-disabled {\r\n\tcursor: default;\r\n\tbackground-color: #f4f4f4;\r\n\tcolor: #bbb;\r\n\t}\r\n\r\n.leaflet-touch .leaflet-bar a {\r\n\twidth: 30px;\r\n\theight: 30px;\r\n\tline-height: 30px;\r\n\t}\r\n.leaflet-touch .leaflet-bar a:first-child {\r\n\tborder-top-left-radius: 2px;\r\n\tborder-top-right-radius: 2px;\r\n\t}\r\n.leaflet-touch .leaflet-bar a:last-child {\r\n\tborder-bottom-left-radius: 2px;\r\n\tborder-bottom-right-radius: 2px;\r\n\t}\r\n\r\n/* zoom control */\r\n\r\n.leaflet-control-zoom-in,\r\n.leaflet-control-zoom-out {\r\n\tfont: bold 18px 'Lucida Console', Monaco, monospace;\r\n\ttext-indent: 1px;\r\n\t}\r\n\r\n.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {\r\n\tfont-size: 22px;\r\n\t}\r\n\r\n\r\n/* layers control */\r\n\r\n.leaflet-control-layers {\r\n\tbox-shadow: 0 1px 5px rgba(0,0,0,0.4);\r\n\tbackground: #fff;\r\n\tborder-radius: 5px;\r\n\t}\r\n.leaflet-control-layers-toggle {\r\n\tbackground-image: url(images/layers.png);\r\n\twidth: 36px;\r\n\theight: 36px;\r\n\t}\r\n.leaflet-retina .leaflet-control-layers-toggle {\r\n\tbackground-image: url(images/layers-2x.png);\r\n\tbackground-size: 26px 26px;\r\n\t}\r\n.leaflet-touch .leaflet-control-layers-toggle {\r\n\twidth: 44px;\r\n\theight: 44px;\r\n\t}\r\n.leaflet-control-layers .leaflet-control-layers-list,\r\n.leaflet-control-layers-expanded .leaflet-control-layers-toggle {\r\n\tdisplay: none;\r\n\t}\r\n.leaflet-control-layers-expanded .leaflet-control-layers-list {\r\n\tdisplay: block;\r\n\tposition: relative;\r\n\t}\r\n.leaflet-control-layers-expanded {\r\n\tpadding: 6px 10px 6px 6px;\r\n\tcolor: #333;\r\n\tbackground: #fff;\r\n\t}\r\n.leaflet-control-layers-scrollbar {\r\n\toverflow-y: scroll;\r\n\toverflow-x: hidden;\r\n\tpadding-right: 5px;\r\n\t}\r\n.leaflet-control-layers-selector {\r\n\tmargin-top: 2px;\r\n\tposition: relative;\r\n\ttop: 1px;\r\n\t}\r\n.leaflet-control-layers label {\r\n\tdisplay: block;\r\n\t}\r\n.leaflet-control-layers-separator {\r\n\theight: 0;\r\n\tborder-top: 1px solid #ddd;\r\n\tmargin: 5px -10px 5px -6px;\r\n\t}\r\n\r\n/* Default icon URLs */\r\n.leaflet-default-icon-path {\r\n\tbackground-image: url(images/marker-icon.png);\r\n\t}\r\n\r\n\r\n/* attribution and scale controls */\r\n\r\n.leaflet-container .leaflet-control-attribution {\r\n\tbackground: #fff;\r\n\tbackground: rgba(255, 255, 255, 0.7);\r\n\tmargin: 0;\r\n\t}\r\n.leaflet-control-attribution,\r\n.leaflet-control-scale-line {\r\n\tpadding: 0 5px;\r\n\tcolor: #333;\r\n\t}\r\n.leaflet-control-attribution a {\r\n\ttext-decoration: none;\r\n\t}\r\n.leaflet-control-attribution a:hover {\r\n\ttext-decoration: underline;\r\n\t}\r\n.leaflet-container .leaflet-control-attribution,\r\n.leaflet-container .leaflet-control-scale {\r\n\tfont-size: 11px;\r\n\t}\r\n.leaflet-left .leaflet-control-scale {\r\n\tmargin-left: 5px;\r\n\t}\r\n.leaflet-bottom .leaflet-control-scale {\r\n\tmargin-bottom: 5px;\r\n\t}\r\n.leaflet-control-scale-line {\r\n\tborder: 2px solid #777;\r\n\tborder-top: none;\r\n\tline-height: 1.1;\r\n\tpadding: 2px 5px 1px;\r\n\tfont-size: 11px;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\t-moz-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\r\n\tbackground: #fff;\r\n\tbackground: rgba(255, 255, 255, 0.5);\r\n\t}\r\n.leaflet-control-scale-line:not(:first-child) {\r\n\tborder-top: 2px solid #777;\r\n\tborder-bottom: none;\r\n\tmargin-top: -2px;\r\n\t}\r\n.leaflet-control-scale-line:not(:first-child):not(:last-child) {\r\n\tborder-bottom: 2px solid #777;\r\n\t}\r\n\r\n.leaflet-touch .leaflet-control-attribution,\r\n.leaflet-touch .leaflet-control-layers,\r\n.leaflet-touch .leaflet-bar {\r\n\tbox-shadow: none;\r\n\t}\r\n.leaflet-touch .leaflet-control-layers,\r\n.leaflet-touch .leaflet-bar {\r\n\tborder: 2px solid rgba(0,0,0,0.2);\r\n\tbackground-clip: padding-box;\r\n\t}\r\n\r\n\r\n/* popup */\r\n\r\n.leaflet-popup {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\tmargin-bottom: 20px;\r\n\t}\r\n.leaflet-popup-content-wrapper {\r\n\tpadding: 1px;\r\n\ttext-align: left;\r\n\tborder-radius: 12px;\r\n\t}\r\n.leaflet-popup-content {\r\n\tmargin: 13px 19px;\r\n\tline-height: 1.4;\r\n\t}\r\n.leaflet-popup-content p {\r\n\tmargin: 18px 0;\r\n\t}\r\n.leaflet-popup-tip-container {\r\n\twidth: 40px;\r\n\theight: 20px;\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\tmargin-left: -20px;\r\n\toverflow: hidden;\r\n\tpointer-events: none;\r\n\t}\r\n.leaflet-popup-tip {\r\n\twidth: 17px;\r\n\theight: 17px;\r\n\tpadding: 1px;\r\n\r\n\tmargin: -10px auto 0;\r\n\r\n\t-webkit-transform: rotate(45deg);\r\n\t -moz-transform: rotate(45deg);\r\n\t -ms-transform: rotate(45deg);\r\n\t transform: rotate(45deg);\r\n\t}\r\n.leaflet-popup-content-wrapper,\r\n.leaflet-popup-tip {\r\n\tbackground: white;\r\n\tcolor: #333;\r\n\tbox-shadow: 0 3px 14px rgba(0,0,0,0.4);\r\n\t}\r\n.leaflet-container a.leaflet-popup-close-button {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tpadding: 4px 4px 0 0;\r\n\tborder: none;\r\n\ttext-align: center;\r\n\twidth: 18px;\r\n\theight: 14px;\r\n\tfont: 16px/14px Tahoma, Verdana, sans-serif;\r\n\tcolor: #c3c3c3;\r\n\ttext-decoration: none;\r\n\tfont-weight: bold;\r\n\tbackground: transparent;\r\n\t}\r\n.leaflet-container a.leaflet-popup-close-button:hover {\r\n\tcolor: #999;\r\n\t}\r\n.leaflet-popup-scrolled {\r\n\toverflow: auto;\r\n\tborder-bottom: 1px solid #ddd;\r\n\tborder-top: 1px solid #ddd;\r\n\t}\r\n\r\n.leaflet-oldie .leaflet-popup-content-wrapper {\r\n\tzoom: 1;\r\n\t}\r\n.leaflet-oldie .leaflet-popup-tip {\r\n\twidth: 24px;\r\n\tmargin: 0 auto;\r\n\r\n\t-ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";\r\n\tfilter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);\r\n\t}\r\n.leaflet-oldie .leaflet-popup-tip-container {\r\n\tmargin-top: -1px;\r\n\t}\r\n\r\n.leaflet-oldie .leaflet-control-zoom,\r\n.leaflet-oldie .leaflet-control-layers,\r\n.leaflet-oldie .leaflet-popup-content-wrapper,\r\n.leaflet-oldie .leaflet-popup-tip {\r\n\tborder: 1px solid #999;\r\n\t}\r\n\r\n\r\n/* div icon */\r\n\r\n.leaflet-div-icon {\r\n\tbackground: #fff;\r\n\tborder: 1px solid #666;\r\n\t}\r\n\r\n\r\n/* Tooltip */\r\n/* Base styles for the element that has a tooltip */\r\n.leaflet-tooltip {\r\n\tposition: absolute;\r\n\tpadding: 6px;\r\n\tbackground-color: #fff;\r\n\tborder: 1px solid #fff;\r\n\tborder-radius: 3px;\r\n\tcolor: #222;\r\n\twhite-space: nowrap;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\tpointer-events: none;\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.4);\r\n\t}\r\n.leaflet-tooltip.leaflet-clickable {\r\n\tcursor: pointer;\r\n\tpointer-events: auto;\r\n\t}\r\n.leaflet-tooltip-top:before,\r\n.leaflet-tooltip-bottom:before,\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n\tposition: absolute;\r\n\tpointer-events: none;\r\n\tborder: 6px solid transparent;\r\n\tbackground: transparent;\r\n\tcontent: \"\";\r\n\t}\r\n\r\n/* Directions */\r\n\r\n.leaflet-tooltip-bottom {\r\n\tmargin-top: 6px;\r\n}\r\n.leaflet-tooltip-top {\r\n\tmargin-top: -6px;\r\n}\r\n.leaflet-tooltip-bottom:before,\r\n.leaflet-tooltip-top:before {\r\n\tleft: 50%;\r\n\tmargin-left: -6px;\r\n\t}\r\n.leaflet-tooltip-top:before {\r\n\tbottom: 0;\r\n\tmargin-bottom: -12px;\r\n\tborder-top-color: #fff;\r\n\t}\r\n.leaflet-tooltip-bottom:before {\r\n\ttop: 0;\r\n\tmargin-top: -12px;\r\n\tmargin-left: -6px;\r\n\tborder-bottom-color: #fff;\r\n\t}\r\n.leaflet-tooltip-left {\r\n\tmargin-left: -6px;\r\n}\r\n.leaflet-tooltip-right {\r\n\tmargin-left: 6px;\r\n}\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n\ttop: 50%;\r\n\tmargin-top: -6px;\r\n\t}\r\n.leaflet-tooltip-left:before {\r\n\tright: 0;\r\n\tmargin-right: -12px;\r\n\tborder-left-color: #fff;\r\n\t}\r\n.leaflet-tooltip-right:before {\r\n\tleft: 0;\r\n\tmargin-left: -12px;\r\n\tborder-right-color: #fff;\r\n\t}\r\n","// *********************************************************************************** //\n// * Leaflet.DumbMGRS - Grid Labels * //\n// *********************************************************************************** //\n.leaflet-grid-label {\n .grid-label-100k {\n background-color: yellow;\n font-size: 13px;\n //font-weight: bold;\n opacity: 0.6;\n color: red;\n position: relative;\n display: inline;\n padding: 1.75px;\n border: 1px black solid;\n border-radius: 2px;\n }\n .grid-label-1000m {\n background-color: yellow;\n font-size: larger;\n font-weight: bold;\n opacity: 0.8;\n color: black;\n text-align: center;\n position: relative;\n display: inline;\n padding: 5px;\n border-radius: 50%;\n }\n}\n","@import '../node_modules/leaflet/dist/leaflet.css';\n@import './L.DumbMGRS.scss';\n\n// *********************************************************************************** //\n// * Default styles and vars for example map * //\n// *********************************************************************************** //\n$primary-color: white;\n$bg: #204a79;\n$fontFamily: 'Roboto';\n$sw-height: 30px;\n$sw-width: 51px;\n\n#map {\n height: 1000px;\n width: 1000px;\n cursor: crosshair;\n}\n\nsvg {\n overflow: visible;\n}\n\n// *********************************************************************************** //\n// * Map Data - (Example Info Box) * //\n// *********************************************************************************** //\n.mapData {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: 1fr;\n grid-column-gap: 15px;\n grid-row-gap: 0px;\n width: 1015px;\n\n // Mouse Cursor Coordinates\n .cursorCoordinates {\n grid-area: 1 / 1 / 2 / 2;\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-template-rows: repeat(3, 1fr);\n grid-column-gap: 0px;\n grid-row-gap: 15px;\n width: 500px;\n margin-top: 10px;\n font-family: $fontFamily;\n outline-style: outset;\n strong {\n font-size: 1.2rem;\n }\n .info {\n font-size: 1.3rem;\n padding-left: 10px;\n }\n > div {\n outline-style: inset;\n padding-top: 10px;\n padding-bottom: 10px;\n text-align: center;\n }\n .div1 {\n grid-area: 1 / 1 / 2 / 3;\n }\n // MGRS\n .div2 {\n grid-area: 1 / 3 / 2 / 13;\n }\n .div3 {\n grid-area: 2 / 1 / 3 / 3;\n }\n // Latitude\n .div4 {\n grid-area: 2 / 3 / 3 / 6;\n }\n .div5 {\n grid-area: 2 / 6 / 3 / 8;\n }\n // Longitude\n .div6 {\n grid-area: 2 / 8 / 3 / 11;\n }\n .div7 {\n grid-area: 3 / 1 / 4 / 3;\n }\n // Easting\n .div8 {\n grid-area: 3 / 3 / 4 / 6;\n }\n .div9 {\n grid-area: 3 / 6 / 4 / 8;\n }\n // Northing\n .div10 {\n grid-area: 3 / 8 / 4 / 11;\n }\n }\n\n // Number of Layers on the Map\n .numberOfLayers {\n grid-area: 1 / 2 / 2 / 3;\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n grid-template-rows: repeat(2, 1fr);\n grid-column-gap: 0px;\n grid-row-gap: 15px;\n width: 500px;\n margin-top: 10px;\n font-family: $fontFamily;\n outline-style: outset;\n height: fit-content;\n strong {\n font-size: 1.2rem;\n }\n .info {\n font-size: 1.3rem;\n padding-left: 10px;\n }\n > div {\n outline-style: inset;\n padding-top: 10px;\n padding-bottom: 10px;\n text-align: center;\n }\n .div1 {\n grid-area: 1 / 1 / 2 / 5;\n }\n // Number of Layers on Map\n .div2 {\n grid-area: 1 / 5 / 2 / 6;\n }\n // Current Zoom Level\n .div3 {\n grid-area: 3 / 1 / 3 / 5;\n }\n .div4 {\n grid-area: 3 / 5 / 3 / 6;\n }\n // Number of Markers on Map\n .div5 {\n grid-area: 2 / 1 / 3 / 5;\n }\n .div6 {\n grid-area: 2 / 5 / 3 / 6;\n }\n }\n}\n\n// *********************************************************************************** //\n// * Map Data - Toggle Switches - (Example Info Box) * //\n// *********************************************************************************** //\n.toggleSwitches {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: 1fr;\n grid-column-gap: 15px;\n grid-row-gap: 0px;\n width: 1015px;\n\n // Mouse Cursor Coordinates\n .grids1000Meters {\n grid-area: 1 / 1 / 2 / 2;\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-template-rows: repeat(3, 1fr);\n grid-column-gap: 0px;\n grid-row-gap: 15px;\n width: 500px;\n margin-top: 10px;\n font-family: $fontFamily;\n outline-style: outset;\n strong {\n font-size: 1.2rem;\n }\n .info {\n font-size: 1.2rem;\n padding-left: 5px;\n }\n > div {\n outline-style: inset;\n padding-top: 10px;\n padding-bottom: 10px;\n text-align: center;\n }\n\n // 1000 meter row\n .div3 {\n grid-area: 1 / 1 / 2 / 3;\n }\n .div4 {\n grid-area: 1 / 3 / 2 / 6;\n }\n .div5 {\n grid-area: 1 / 6 / 2 / 8;\n }\n .div6 {\n grid-area: 1 / 8 / 2 / 11;\n }\n\n // 100k row\n .div7 {\n grid-area: 2 / 1 / 3 / 3;\n }\n .div8 {\n grid-area: 2 / 3 / 3 / 6;\n }\n .div9 {\n grid-area: 2 / 6 / 3 / 8;\n }\n .div10 {\n grid-area: 2 / 8 / 3 / 11;\n }\n\n // GZD row\n .div11 {\n grid-area: 3 / 1 / 4 / 3;\n }\n .div12 {\n grid-area: 3 / 3 / 4 /6;\n }\n .div13 {\n grid-area: 3 / 6 / 4 / 8;\n }\n .div14 {\n grid-area: 3 / 8 / 4 / 11;\n }\n }\n\n // Styles for the toggle switches\n input {\n &.sw {\n opacity: 0;\n position: absolute;\n left: -9999px;\n\n & + label {\n user-select: none;\n transition: 0.2s ease;\n display: inline-block;\n height: $sw-height;\n width: $sw-width;\n position: relative;\n box-shadow: inset 0 0 0px 2px #e4e4e4;\n border-radius: 60px;\n &:before {\n content: '';\n position: absolute;\n display: block;\n height: $sw-height;\n width: $sw-height;\n top: 0;\n left: 0;\n border-radius: $sw-height/2;\n background: rgba(76, 217, 100, 0);\n transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);\n }\n /* White toggle */\n &:after {\n content: '';\n position: absolute;\n display: block;\n height: 28px;\n width: 28px;\n top: 50%;\n margin-top: -14px;\n left: 1px;\n border-radius: 60px;\n background: #fff;\n box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);\n transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);\n }\n span {\n white-space: nowrap;\n height: $sw-height;\n line-height: $sw-height;\n margin-left: $sw-width;\n padding-left: 16px;\n font-family: $fontFamily;\n }\n }\n\n &:checked {\n & + label:before {\n width: $sw-width;\n background: rgba(76, 217, 100, 1);\n transition: width 0.2s cubic-bezier(0, 0, 0, 0.1) !important;\n }\n & + label:after {\n left: $sw-width - $sw-height + 1;\n }\n & + label {\n box-shadow: inset 0 0 0px 25px #e4e4e4;\n transition: box-shadow 2.5s cubic-bezier(0, 1.2, 0.94, 0.95);\n }\n }\n\n &:disabled {\n & + label {\n background: red;\n opacity: 0.25;\n }\n }\n }\n }\n}\n",".leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url('images/spritesheet.png');background-image:linear-gradient(transparent,transparent),url('images/spritesheet.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url('images/spritesheet-2x.png');background-image:linear-gradient(transparent,transparent),url('images/spritesheet.svg')}\n.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}\n.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px \"Helvetica Neue\",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}\n.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}\n.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}\n.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}\n.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}\n.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px \"Helvetica Neue\",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:\"\";position:absolute;top:7px;left:-7px}\n.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}\n.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}"]} --------------------------------------------------------------------------------