@antv/l7-component 2.25.5 → 2.25.7

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