mapcachetools 1.0.7 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,640 +0,0 @@
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(images/layers.png);
352
- width: 36px;
353
- height: 36px;
354
- }
355
- .leaflet-retina .leaflet-control-layers-toggle {
356
- background-image: url(images/layers-2x.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(images/marker-icon.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
- }
@@ -1,8 +0,0 @@
1
- body {
2
- padding: 0;
3
- margin: 0;
4
- }
5
- html, body, #mapid {
6
- height: 100%;
7
- width: 100%;
8
- }
package/site/index.html DELETED
@@ -1,43 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- <head>
5
- <meta charset="utf-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <title>Map Sample</title>
8
- <link rel="stylesheet" type="text/css" href="./css/styles.css">
9
- <link rel="stylesheet" type="text/css" href="./css/leaflet.css">
10
- <script language="JavaScript" type="text/javascript" src="./js/jquery/jquery-3.4.1.min.js"></script>
11
- <script language="JavaScript" type="text/javascript" src="./js/leaflet-src.js"></script>
12
- <script language="JavaScript" type="text/javascript" src="./js/leaflet.rotatedMarker.js"></script>
13
- <script>
14
-
15
- var fn_on_ready = function ()
16
- {
17
-
18
- var mymap = L.map('mapid').setView([51.505, -0.09], 13);
19
-
20
- L.tileLayer('./cachedMaps/{x}_{y}_{z}.jpeg', {
21
- attribution: 'TEST SITE',
22
- maxZoom: 18,
23
- id: 'mapbox/streets-v11',
24
- tileSize: 512,
25
- zoomOffset: -1,
26
- accessToken: 'your.mapbox.access.token'
27
- }).addTo(mymap);
28
- };
29
-
30
- $(document).ready(fn_on_ready);
31
- </script>
32
-
33
- </head>
34
-
35
- <body>
36
-
37
- <div id="mapid"></div>
38
-
39
- </body>
40
-
41
-
42
-
43
- </html>