@antv/l7-component 2.25.4 → 2.25.6

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.
Files changed (15) hide show
  1. package/es/assets/iconfont/iconfont.d.ts +21 -0
  2. package/es/assets/iconfont/iconfont.js +58 -43
  3. package/es/css/index.css +653 -0
  4. package/es/index.d.ts +2 -2
  5. package/es/index.js +691 -3
  6. package/es/marker-layer.js +4 -4
  7. package/es/utils/icon.js +3 -0
  8. package/lib/assets/iconfont/iconfont.d.ts +21 -0
  9. package/lib/assets/iconfont/iconfont.js +63 -43
  10. package/lib/css/index.css +653 -0
  11. package/lib/index.d.ts +2 -2
  12. package/lib/index.js +692 -3
  13. package/lib/marker-layer.js +4 -4
  14. package/lib/utils/icon.js +3 -0
  15. package/package.json +10 -7
package/es/index.js CHANGED
@@ -1,8 +1,696 @@
1
1
  import Marker from "./marker";
2
2
  import MarkerLayer from "./marker-layer";
3
- import "./assets/iconfont/iconfont.js";
4
- // 引入样式
5
- import "./css/index.less";
3
+ import "./assets/iconfont/iconfont";
4
+ // 引入样式（预编译的 CSS，构建时由 transform-import-css-l7 内联到 JS，用户无需安装 less）
5
+ function loadStyles(css, doc) {
6
+ var isMiniAli = typeof my !== 'undefined' && !!my && typeof my.showToast === 'function' && my.isFRM !== true;
7
+ var isWeChatMiniProgram = typeof wx !== 'undefined' && wx !== null && (typeof wx.request !== 'undefined' || typeof wx.miniProgram !== 'undefined');
8
+ if (isMiniAli || isWeChatMiniProgram) {
9
+ return;
10
+ }
11
+ if (!doc) doc = document;
12
+ if (!doc) {
13
+ return;
14
+ }
15
+ var head = doc.head || doc.getElementsByTagName('head')[0];
16
+ if (!head) {
17
+ head = doc.createElement('head');
18
+ var body = doc.body || doc.getElementsByTagName('body')[0];
19
+ if (body) {
20
+ body.parentNode.insertBefore(head, body);
21
+ } else {
22
+ doc.documentElement.appendChild(head);
23
+ }
24
+ }
25
+ var style = doc.createElement('style');
26
+ style.type = 'text/css';
27
+ if (style.styleSheet) {
28
+ style.styleSheet.cssText = css;
29
+ } else {
30
+ style.appendChild(doc.createTextNode(css));
31
+ }
32
+ head.appendChild(style);
33
+ return style;
34
+ }
35
+ loadStyles(`.l7-marker-container {
36
+ position: absolute;
37
+ width: 100%;
38
+ height: 100%;
39
+ overflow: hidden;
40
+ }
41
+ .l7-marker {
42
+ position: absolute !important;
43
+ top: 0;
44
+ left: 0;
45
+ z-index: 5;
46
+ cursor: pointer;
47
+ }
48
+ .l7-marker-cluster {
49
+ width: 40px;
50
+ height: 40px;
51
+ background-color: rgba(181, 226, 140, 0.6);
52
+ background-clip: padding-box;
53
+ border-radius: 20px;
54
+ }
55
+ .l7-marker-cluster div {
56
+ width: 30px;
57
+ height: 30px;
58
+ margin-top: 5px;
59
+ margin-left: 5px;
60
+ font: 12px 'Helvetica Neue', Arial, Helvetica, sans-serif;
61
+ text-align: center;
62
+ background-color: rgba(110, 204, 57, 0.6);
63
+ border-radius: 15px;
64
+ }
65
+ .l7-marker-cluster span {
66
+ line-height: 30px;
67
+ }
68
+ .l7-touch .l7-control-attribution,
69
+ .l7-touch .l7-control-layers,
70
+ .l7-touch .l7-bar {
71
+ box-shadow: none;
72
+ }
73
+ .l7-touch .l7-control-layers,
74
+ .l7-touch .l7-bar {
75
+ background-clip: padding-box;
76
+ border: 2px solid rgba(0, 0, 0, 0.2);
77
+ }
78
+ .mapboxgl-ctrl-logo,
79
+ .amap-logo {
80
+ display: none !important;
81
+ }
82
+ .l7-select-box {
83
+ border: 3px dashed gray;
84
+ border-radius: 2px;
85
+ position: absolute;
86
+ z-index: 999;
87
+ box-sizing: border-box;
88
+ }
89
+ .l7-control-container {
90
+ font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
91
+ }
92
+ .l7-control-container .l7-control {
93
+ position: relative;
94
+ z-index: 999;
95
+ float: left;
96
+ clear: both;
97
+ color: #595959;
98
+ font-size: 12px;
99
+ pointer-events: visiblepainted;
100
+ /* IE 9-10 doesn't have auto */
101
+ pointer-events: auto;
102
+ }
103
+ .l7-control-container .l7-control.l7-control--hide {
104
+ display: none;
105
+ }
106
+ .l7-control-container .l7-top {
107
+ top: 0;
108
+ display: flex;
109
+ position: absolute;
110
+ z-index: 999;
111
+ pointer-events: none;
112
+ }
113
+ .l7-control-container .l7-top .l7-control:not(.l7-control--hide) {
114
+ margin-top: 8px;
115
+ }
116
+ .l7-control-container .l7-right {
117
+ right: 0;
118
+ display: flex;
119
+ position: absolute;
120
+ z-index: 999;
121
+ pointer-events: none;
122
+ }
123
+ .l7-control-container .l7-right .l7-control:not(.l7-control--hide) {
124
+ margin-right: 8px;
125
+ }
126
+ .l7-control-container .l7-bottom {
127
+ bottom: 0;
128
+ display: flex;
129
+ position: absolute;
130
+ z-index: 999;
131
+ pointer-events: none;
132
+ }
133
+ .l7-control-container .l7-bottom .l7-control:not(.l7-control--hide) {
134
+ margin-bottom: 8px;
135
+ }
136
+ .l7-control-container .l7-left {
137
+ left: 0;
138
+ display: flex;
139
+ position: absolute;
140
+ z-index: 999;
141
+ pointer-events: none;
142
+ }
143
+ .l7-control-container .l7-left .l7-control:not(.l7-control--hide) {
144
+ margin-left: 8px;
145
+ }
146
+ .l7-control-container .l7-center {
147
+ position: absolute;
148
+ display: flex;
149
+ justify-content: center;
150
+ }
151
+ .l7-control-container .l7-center.l7-top,
152
+ .l7-control-container .l7-center.l7-bottom {
153
+ width: 100%;
154
+ }
155
+ .l7-control-container .l7-center.l7-left,
156
+ .l7-control-container .l7-center.l7-right {
157
+ height: 100%;
158
+ }
159
+ .l7-control-container .l7-center .l7-control {
160
+ margin-right: 8px;
161
+ margin-bottom: 8px;
162
+ }
163
+ .l7-control-container .l7-row {
164
+ flex-direction: row;
165
+ }
166
+ .l7-control-container .l7-row.l7-top {
167
+ align-items: flex-start;
168
+ }
169
+ .l7-control-container .l7-row.l7-bottom {
170
+ align-items: flex-end;
171
+ }
172
+ .l7-control-container .l7-column {
173
+ flex-direction: column;
174
+ }
175
+ .l7-control-container .l7-column.l7-left {
176
+ align-items: flex-start;
177
+ }
178
+ .l7-control-container .l7-column.l7-right {
179
+ align-items: flex-end;
180
+ }
181
+ .l7-button-control {
182
+ min-width: 28px;
183
+ height: 28px;
184
+ background-color: #fff;
185
+ border-width: 0;
186
+ border-radius: 2px;
187
+ outline: 0;
188
+ cursor: pointer;
189
+ transition: all 0.2s;
190
+ display: flex;
191
+ justify-content: center;
192
+ align-items: center;
193
+ padding: 0 6px;
194
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
195
+ line-height: 16px;
196
+ }
197
+ .l7-button-control .l7-iconfont {
198
+ fill: #595959;
199
+ color: #595959;
200
+ width: 16px;
201
+ height: 16px;
202
+ }
203
+ .l7-button-control.l7-button-control--row {
204
+ padding: 0 16px 0 13px;
205
+ }
206
+ .l7-button-control.l7-button-control--row * + .l7-button-control__text {
207
+ margin-left: 8px;
208
+ }
209
+ .l7-button-control.l7-button-control--column {
210
+ height: 44px;
211
+ flex-direction: column;
212
+ }
213
+ .l7-button-control.l7-button-control--column .l7-iconfont {
214
+ margin-top: 3px;
215
+ }
216
+ .l7-button-control.l7-button-control--column .l7-button-control__text {
217
+ margin-top: 3px;
218
+ font-size: 10px;
219
+ -webkit-transform: scale(0.83333);
220
+ transform: scale(0.83333);
221
+ }
222
+ .l7-button-control:not(:disabled):hover {
223
+ background-color: #f3f3f3;
224
+ }
225
+ .l7-button-control:not(:disabled):active {
226
+ background-color: #f3f3f3;
227
+ }
228
+ .l7-button-control:disabled {
229
+ background-color: #fafafa;
230
+ color: #bdbdbd;
231
+ cursor: not-allowed;
232
+ }
233
+ .l7-button-control:disabled .l7-iconfont {
234
+ fill: #bdbdbd;
235
+ color: #bdbdbd;
236
+ }
237
+ .l7-button-control:disabled:hover {
238
+ background-color: #fafafa;
239
+ }
240
+ .l7-button-control:disabled:active {
241
+ background-color: #fafafa;
242
+ }
243
+ .l7-popper {
244
+ position: absolute;
245
+ display: flex;
246
+ justify-content: center;
247
+ align-items: center;
248
+ z-index: 5;
249
+ color: #595959;
250
+ }
251
+ .l7-popper.l7-popper-hide {
252
+ display: none;
253
+ }
254
+ .l7-popper .l7-popper-content {
255
+ min-height: 28px;
256
+ background: #fff;
257
+ border-radius: 2px;
258
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
259
+ }
260
+ .l7-popper .l7-popper-arrow {
261
+ width: 0;
262
+ height: 0;
263
+ border-width: 4px;
264
+ border-style: solid;
265
+ border-color: transparent;
266
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
267
+ }
268
+ .l7-popper.l7-popper-left {
269
+ flex-direction: row;
270
+ }
271
+ .l7-popper.l7-popper-left .l7-popper-arrow {
272
+ border-left-color: #fff;
273
+ margin: 10px 0;
274
+ }
275
+ .l7-popper.l7-popper-right {
276
+ flex-direction: row-reverse;
277
+ }
278
+ .l7-popper.l7-popper-right .l7-popper-arrow {
279
+ border-right-color: #fff;
280
+ margin: 10px 0;
281
+ }
282
+ .l7-popper.l7-popper-top {
283
+ flex-direction: column;
284
+ }
285
+ .l7-popper.l7-popper-top .l7-popper-arrow {
286
+ border-top-color: #fff;
287
+ margin: 0 10px;
288
+ }
289
+ .l7-popper.l7-popper-bottom {
290
+ flex-direction: column-reverse;
291
+ }
292
+ .l7-popper.l7-popper-bottom .l7-popper-arrow {
293
+ border-bottom-color: #fff;
294
+ margin: 0 10px;
295
+ }
296
+ .l7-popper.l7-popper-start {
297
+ align-items: flex-start;
298
+ }
299
+ .l7-popper.l7-popper-end {
300
+ align-items: flex-end;
301
+ }
302
+ .l7-select-control--normal {
303
+ padding: 4px 0;
304
+ }
305
+ .l7-select-control--normal .l7-select-control-item {
306
+ display: flex;
307
+ align-items: center;
308
+ height: 24px;
309
+ padding: 0 16px;
310
+ font-size: 12px;
311
+ line-height: 24px;
312
+ }
313
+ .l7-select-control--normal .l7-select-control-item > * + * {
314
+ margin-left: 6px;
315
+ }
316
+ .l7-select-control--normal .l7-select-control-item input[type='checkbox'] {
317
+ width: 14px;
318
+ height: 14px;
319
+ }
320
+ .l7-select-control--normal .l7-select-control-item:hover {
321
+ background-color: #f3f3f3;
322
+ }
323
+ .l7-select-control--image {
324
+ display: flex;
325
+ flex-wrap: wrap;
326
+ align-items: flex-start;
327
+ box-sizing: content-box;
328
+ max-width: 460px;
329
+ max-height: 400px;
330
+ margin: 12px 0 0 12px;
331
+ overflow: hidden auto;
332
+ }
333
+ .l7-select-control--image .l7-select-control-item {
334
+ position: relative;
335
+ display: flex;
336
+ flex: 0 0 calc((100% - (12px + 9px) * 2) / 3);
337
+ flex-direction: column;
338
+ justify-content: center;
339
+ box-sizing: content-box;
340
+ margin-right: 12px;
341
+ margin-bottom: 12px;
342
+ overflow: hidden;
343
+ font-size: 12px;
344
+ border: 1px solid #fff;
345
+ border-radius: 2px;
346
+ }
347
+ .l7-select-control--image .l7-select-control-item img {
348
+ width: 100%;
349
+ height: 80px;
350
+ }
351
+ .l7-select-control--image .l7-select-control-item input[type='checkbox'] {
352
+ position: absolute;
353
+ top: 0;
354
+ right: 0;
355
+ }
356
+ .l7-select-control--image .l7-select-control-item .l7-select-control-item-row {
357
+ display: flex;
358
+ align-items: center;
359
+ justify-content: center;
360
+ line-height: 26px;
361
+ }
362
+ .l7-select-control--image .l7-select-control-item .l7-select-control-item-row > * + * {
363
+ margin-left: 8px;
364
+ }
365
+ .l7-select-control--image .l7-select-control-item.l7-select-control-item-active {
366
+ border-color: #0370fe;
367
+ }
368
+ .l7-select-control-item {
369
+ cursor: pointer;
370
+ }
371
+ .l7-select-control-item input[type='checkbox'] {
372
+ margin: 0;
373
+ cursor: pointer;
374
+ }
375
+ .l7-select-control--multiple .l7-select-control-item:hover {
376
+ background-color: transparent;
377
+ }
378
+ .l7-control-logo {
379
+ width: 89px;
380
+ height: 16px;
381
+ -webkit-user-select: none;
382
+ -moz-user-select: none;
383
+ -ms-user-select: none;
384
+ user-select: none;
385
+ }
386
+ .l7-control-logo img {
387
+ height: 100%;
388
+ width: 100%;
389
+ }
390
+ .l7-control-logo .l7-control-logo-link {
391
+ display: block;
392
+ cursor: pointer;
393
+ }
394
+ .l7-control-logo .l7-control-logo-link img {
395
+ cursor: pointer;
396
+ }
397
+ .l7-control-mouse-location {
398
+ background-color: #fff;
399
+ border-radius: 2px;
400
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
401
+ padding: 2px 4px;
402
+ min-width: 130px;
403
+ }
404
+ .l7-control-zoom {
405
+ overflow: hidden;
406
+ border-radius: 2px;
407
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
408
+ }
409
+ .l7-control-zoom .l7-button-control {
410
+ font-size: 16px;
411
+ border-bottom: 1px solid #f0f0f0;
412
+ border-radius: 0;
413
+ box-shadow: 0 0 0;
414
+ }
415
+ .l7-control-zoom .l7-button-control .l7-iconfont {
416
+ width: 14px;
417
+ height: 14px;
418
+ }
419
+ .l7-control-zoom .l7-button-control:last-child {
420
+ border-bottom: 0;
421
+ }
422
+ .l7-control-zoom .l7-control-zoom__number {
423
+ color: #595959;
424
+ padding: 0;
425
+ }
426
+ .l7-control-zoom .l7-control-zoom__number:hover {
427
+ background-color: #fff;
428
+ }
429
+ .l7-control-scale {
430
+ display: flex;
431
+ flex-direction: column;
432
+ }
433
+ .l7-control-scale .l7-control-scale-line {
434
+ box-sizing: border-box;
435
+ padding: 2px 5px 1px;
436
+ overflow: hidden;
437
+ color: #595959;
438
+ font-size: 10px;
439
+ line-height: 1.1;
440
+ white-space: nowrap;
441
+ background: #fff;
442
+ border: 2px solid #000;
443
+ border-top: 0;
444
+ transition: width 0.1s;
445
+ }
446
+ .l7-control-scale .l7-control-scale-line + .l7-control-scale .l7-control-scale-line {
447
+ margin-top: -2px;
448
+ border-top: 2px solid #777;
449
+ border-bottom: none;
450
+ }
451
+ .l7-right .l7-control-scale {
452
+ display: flex;
453
+ align-items: flex-end;
454
+ }
455
+ .l7-right .l7-control-scale .l7-control-scale-line {
456
+ text-align: right;
457
+ }
458
+ .l7-popup {
459
+ position: absolute;
460
+ top: 0;
461
+ left: 0;
462
+ z-index: 5;
463
+ display: flex;
464
+ will-change: transform;
465
+ pointer-events: none;
466
+ }
467
+ .l7-popup.l7-popup-hide {
468
+ display: none;
469
+ }
470
+ .l7-popup .l7-popup-content {
471
+ position: relative;
472
+ padding: 16px;
473
+ font-size: 14px;
474
+ background: #fff;
475
+ border-radius: 3px;
476
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
477
+ }
478
+ .l7-popup .l7-popup-content .l7-popup-content__title {
479
+ margin-bottom: 8px;
480
+ font-weight: bold;
481
+ }
482
+ .l7-popup .l7-popup-content .l7-popup-close-button,
483
+ .l7-popup .l7-popup-content .l7-popup-content__title,
484
+ .l7-popup .l7-popup-content .l7-popup-content__panel {
485
+ white-space: normal;
486
+ -webkit-user-select: text;
487
+ -moz-user-select: text;
488
+ -ms-user-select: text;
489
+ user-select: text;
490
+ pointer-events: initial;
491
+ }
492
+ .l7-popup .l7-popup-content .l7-popup-close-button {
493
+ position: absolute;
494
+ top: 0;
495
+ right: 0;
496
+ width: 18px;
497
+ height: 18px;
498
+ padding: 0;
499
+ font-size: 14px;
500
+ line-height: 18px;
501
+ text-align: center;
502
+ background-color: transparent;
503
+ border: 0;
504
+ border-radius: 0 3px 0 0;
505
+ cursor: pointer;
506
+ }
507
+ .l7-popup .l7-popup-tip {
508
+ position: relative;
509
+ z-index: 1;
510
+ width: 0;
511
+ height: 0;
512
+ border: 10px solid transparent;
513
+ }
514
+ .l7-popup.l7-popup-anchor-bottom,
515
+ .l7-popup.l7-popup-anchor-bottom-left,
516
+ .l7-popup.l7-popup-anchor-bottom-right {
517
+ flex-direction: column-reverse;
518
+ }
519
+ .l7-popup.l7-popup-anchor-bottom .l7-popup-tip,
520
+ .l7-popup.l7-popup-anchor-bottom-left .l7-popup-tip,
521
+ .l7-popup.l7-popup-anchor-bottom-right .l7-popup-tip {
522
+ bottom: 1px;
523
+ }
524
+ .l7-popup.l7-popup-anchor-top,
525
+ .l7-popup.l7-popup-anchor-top-left,
526
+ .l7-popup.l7-popup-anchor-top-right {
527
+ flex-direction: column;
528
+ }
529
+ .l7-popup.l7-popup-anchor-top .l7-popup-tip,
530
+ .l7-popup.l7-popup-anchor-top-left .l7-popup-tip,
531
+ .l7-popup.l7-popup-anchor-top-right .l7-popup-tip {
532
+ top: 1px;
533
+ }
534
+ .l7-popup.l7-popup-anchor-left {
535
+ flex-direction: row;
536
+ }
537
+ .l7-popup.l7-popup-anchor-right {
538
+ flex-direction: row-reverse;
539
+ }
540
+ .l7-popup-anchor-top .l7-popup-tip {
541
+ position: relative;
542
+ align-self: center;
543
+ border-top: none;
544
+ border-bottom-color: #fff;
545
+ }
546
+ .l7-popup-anchor-top-left .l7-popup-tip {
547
+ align-self: flex-start;
548
+ border-top: none;
549
+ border-bottom-color: #fff;
550
+ border-left: none;
551
+ }
552
+ .l7-popup-anchor-top-right .l7-popup-tip {
553
+ align-self: flex-end;
554
+ border-top: none;
555
+ border-right: none;
556
+ border-bottom-color: #fff;
557
+ }
558
+ .l7-popup-anchor-bottom .l7-popup-tip {
559
+ align-self: center;
560
+ border-top-color: #fff;
561
+ border-bottom: none;
562
+ }
563
+ .l7-popup-anchor-bottom-left .l7-popup-tip {
564
+ align-self: flex-start;
565
+ border-top-color: #fff;
566
+ border-bottom: none;
567
+ border-left: none;
568
+ }
569
+ .l7-popup-anchor-bottom-right .l7-popup-tip {
570
+ align-self: flex-end;
571
+ border-top-color: #fff;
572
+ border-right: none;
573
+ border-bottom: none;
574
+ }
575
+ .l7-popup-anchor-left .l7-popup-tip {
576
+ align-self: center;
577
+ border-right-color: #fff;
578
+ border-left: none;
579
+ }
580
+ .l7-popup-anchor-right .l7-popup-tip {
581
+ right: 1px;
582
+ align-self: center;
583
+ border-right: none;
584
+ border-left-color: #fff;
585
+ }
586
+ .l7-popup-anchor-top-left .l7-popup-content {
587
+ border-top-left-radius: 0;
588
+ }
589
+ .l7-popup-anchor-top-right .l7-popup-content {
590
+ border-top-right-radius: 0;
591
+ }
592
+ .l7-popup-anchor-bottom-left .l7-popup-content {
593
+ border-bottom-left-radius: 0;
594
+ }
595
+ .l7-popup-anchor-bottom-right .l7-popup-content {
596
+ border-bottom-right-radius: 0;
597
+ }
598
+ .l7-popup-track-pointer {
599
+ display: none;
600
+ }
601
+ .l7-popup-track-pointer * {
602
+ -webkit-user-select: none;
603
+ -moz-user-select: none;
604
+ -ms-user-select: none;
605
+ user-select: none;
606
+ pointer-events: none;
607
+ }
608
+ .l7-map:hover .l7-popup-track-pointer {
609
+ display: flex;
610
+ }
611
+ .l7-map:active .l7-popup-track-pointer {
612
+ display: none;
613
+ }
614
+ .l7-layer-popup__row {
615
+ font-size: 12px;
616
+ }
617
+ .l7-layer-popup__row + .l7-layer-popup__row {
618
+ margin-top: 4px;
619
+ }
620
+ .l7-control-swipe {
621
+ position: absolute;
622
+ top: 50%;
623
+ left: 50%;
624
+ z-index: 6;
625
+ -webkit-transform: translate(-50%, -50%);
626
+ transform: translate(-50%, -50%);
627
+ touch-action: none;
628
+ }
629
+ .l7-control-swipe_hide {
630
+ display: none;
631
+ }
632
+ .l7-control-swipe::before {
633
+ position: absolute;
634
+ top: -5000px;
635
+ bottom: -5000px;
636
+ left: 50%;
637
+ z-index: -1;
638
+ width: 4px;
639
+ background: #fff;
640
+ -webkit-transform: translate(-2px, 0);
641
+ transform: translate(-2px, 0);
642
+ content: '';
643
+ }
644
+ .l7-control-swipe.horizontal::before {
645
+ inset: 50% -5000px auto;
646
+ width: auto;
647
+ height: 4px;
648
+ }
649
+ .l7-control-swipe__button {
650
+ display: block;
651
+ width: 28px;
652
+ height: 28px;
653
+ margin: 0;
654
+ padding: 0;
655
+ color: #595959;
656
+ font-weight: bold;
657
+ font-size: inherit;
658
+ text-align: center;
659
+ text-decoration: none;
660
+ background-color: #fff;
661
+ border: none;
662
+ border-radius: 2px;
663
+ outline: none;
664
+ }
665
+ .l7-control-swipe,
666
+ .l7-control-swipe__button {
667
+ cursor: ew-resize;
668
+ }
669
+ .l7-control-swipe.horizontal,
670
+ .l7-control-swipe.horizontal button {
671
+ cursor: ns-resize;
672
+ }
673
+ .l7-control-swipe::after,
674
+ .l7-control-swipe__button::before,
675
+ .l7-control-swipe__button::after {
676
+ position: absolute;
677
+ top: 25%;
678
+ bottom: 25%;
679
+ left: 50%;
680
+ width: 2px;
681
+ background: currentcolor;
682
+ -webkit-transform: translate(-1px, 0);
683
+ transform: translate(-1px, 0);
684
+ content: '';
685
+ }
686
+ .l7-control-swipe__button::after {
687
+ -webkit-transform: translateX(4px);
688
+ transform: translateX(4px);
689
+ }
690
+ .l7-control-swipe__button::before {
691
+ -webkit-transform: translateX(-6px);
692
+ transform: translateX(-6px);
693
+ }`);
6
694
  export * from "./control/baseControl";
7
695
  export { ExportImage } from "./control/exportImage";
8
696
  export { Fullscreen } from "./control/fullscreen";
package/es/marker-layer.js CHANGED
@@ -197,7 +197,7 @@ export default class MarkerLayer extends EventEmitter {
197
197
  if (typeof m.hide === 'function') {
198
198
  m.hide();
199
199
  } else {
200
- m.getElement().style.opacity = '0';
200
+ m.getElement().style.display = 'none';
201
201
  }
202
202
  } catch (e) {
203
203
  void e;
@@ -208,7 +208,7 @@ export default class MarkerLayer extends EventEmitter {
208
208
  if (typeof m.hide === 'function') {
209
209
  m.hide();
210
210
  } else {
211
- m.getElement().style.opacity = '0';
211
+ m.getElement().style.display = 'none';
212
212
  }
213
213
  } catch (e) {
214
214
  void e;
@@ -225,7 +225,7 @@ export default class MarkerLayer extends EventEmitter {
225
225
  if (typeof m.show === 'function') {
226
226
  m.show();
227
227
  } else {
228
- m.getElement().style.opacity = '1';
228
+ m.getElement().style.display = 'block';
229
229
  }
230
230
  } catch (e) {
231
231
  void e;
@@ -236,7 +236,7 @@ export default class MarkerLayer extends EventEmitter {
236
236
  if (typeof m.show === 'function') {
237
237
  m.show();
238
238
  } else {
239
- m.getElement().style.opacity = '1';
239
+ m.getElement().style.display = 'block';
240
240
  }
241
241
  } catch (e) {
242
242
  void e;