mars3d 3.11.8 → 3.11.10

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 (6) hide show
  1. package/LICENSE +310 -0
  2. package/README.md +10 -10
  3. package/mars3d.css +8 -1383
  4. package/mars3d.d.ts +2029 -1277
  5. package/mars3d.js +10 -12
  6. package/package.json +5 -4
package/mars3d.css CHANGED
@@ -1,1387 +1,12 @@
1
1
  /**
2
- * Mars3D三维可视化平台 mars3d
3
- *
4
- * 版本信息：v3.11.8
5
- * 编译日期：2026-10-15 18:59
2
+ * Mars3D三维可视化平台 mars3d 免费公开版
3
+ * 版本信息：v3.11.10
4
+ * 编译日期：2026-11-01 20:35 ZX
6
5
  * 版权所有：Copyright by http://mars3d.cn
7
- * 使用单位：免费公开版 ，2026-02-01
6
+ *
7
+ * Apache-2.0 WITH Mars3D Additional Terms | https://mars3d.cn
8
+ * Runtime logo and F12 console notice must be retained.
9
+ * Commercial license: http://mars3d.cn/buy.html
8
10
  */
9
11
 
10
- /**地球容器div*/
11
- .mars3d-container {
12
- width: 100%;
13
- height: 100%;
14
- margin: 0;
15
- padding: 0;
16
- overflow: hidden;
17
- position: relative;
18
- }
19
- .mars3d-container .cesium-widget-credits {
20
- display: none;
21
- }
22
- .mars3d-container .mars3d-vrButton {
23
- right: auto !important;
24
- }
25
- /**隐藏的div对象，如 DivBillboardEntity、HeatLayer 等*/
26
- .mars3d-hideDiv {
27
- z-index: -99;
28
- top: 0;
29
- left: 0;
30
- margin: 0;
31
- padding: 0;
32
- pointer-events: none;
33
- }
34
- /**右键菜单*/
35
- .mars3d-contextmenu {
36
- position: absolute;
37
- padding: 0;
38
- z-index: 20170825;
39
- display: none;
40
- }
41
- .mars3d-contextmenu-ul {
42
- background: rgba(43, 44, 47, 0.8);
43
- border: 1px solid #2b2c2f;
44
- border-radius: 2px;
45
- border-width: 1px;
46
- min-width: 80px;
47
- position: relative;
48
- list-style: none;
49
- margin: 0;
50
- padding: 0;
51
- }
52
- .mars3d-contextmenu-ul .mars3d-contextmenu-icon {
53
- position: absolute;
54
- left: 5px;
55
- width: 20px;
56
- height: 20px;
57
- text-align: center;
58
- overflow: hidden;
59
- }
60
- .mars3d-contextmenu-ul .mars3d-contextmenu-arrow {
61
- position: absolute;
62
- right: 0;
63
- width: 20px;
64
- height: 20px;
65
- text-align: center;
66
- }
67
- .mars3d-contextmenu-ul li + li {
68
- margin: 0;
69
- padding: 0;
70
- position: relative;
71
- }
72
- .mars3d-contextmenu-ul li + li:before {
73
- content: "";
74
- display: block;
75
- height: 1px;
76
- width: 100%;
77
- background: -webkit-linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), transparent);
78
- background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.2), transparent);
79
- position: absolute;
80
- top: 0;
81
- left: 0;
82
- }
83
- .mars3d-contextmenu-ul .mars3d-contextmenu-item ::marker {
84
- content: "";
85
- }
86
- .mars3d-contextmenu-ul .mars3d-contextmenu-line {
87
- position: absolute;
88
- left: 2%;
89
- height: 1px;
90
- width: 96%;
91
- background: #597086;
92
- border-radius: 2px;
93
- border-width: 1px;
94
- }
95
- .mars3d-contextmenu-ul > li > a {
96
- padding: 6px 10px 6px 30px;
97
- -webkit-transition: background-color 0.25s;
98
- -o-transition: background-color 0.25s;
99
- transition: background-color 0.25s;
100
- display: block;
101
- clear: both;
102
- line-height: 22px;
103
- color: #76838f;
104
- white-space: nowrap;
105
- color: #edffff;
106
- text-decoration: none;
107
- }
108
- .mars3d-contextmenu-ul > li > a:hover,
109
- .mars3d-contextmenu-ul > li > a:focus,
110
- .mars3d-contextmenu-ul > li > .active {
111
- color: #fff;
112
- background-color: #444d59;
113
- text-decoration: none;
114
- }
115
- .mars3d-contextmenu-ul > .active > a,
116
- .mars3d-contextmenu-ul > .active > a:hover,
117
- .mars3d-contextmenu-ul > .active > a:focus {
118
- color: #fff;
119
- background-color: var(--mars-hover-color, #3ea6ff);
120
- text-decoration: none;
121
- }
122
- .mars3d-sub-menu {
123
- position: absolute;
124
- background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
125
- min-width: 100px;
126
- display: none;
127
- }
128
- .mars3d-sub-menu li {
129
- width: 100%;
130
- box-sizing: border-box;
131
- font-size: 14px;
132
- color: var(--mars-text-color, #ffffff);
133
- margin: 0;
134
- padding: 0;
135
- }
136
- .mars3d-sub-menu li:hover {
137
- background-color: var(--mars-hover-color, #3ea6ff);
138
- }
139
- .mars3d-smallTooltip {
140
- display: block;
141
- position: absolute;
142
- max-width: 200px;
143
- min-width: 100px;
144
- padding: 2px 5px;
145
- font-size: 11px;
146
- z-index: 20170825;
147
- opacity: 0.8;
148
- -khtml-opacity: 0.8;
149
- -moz-opacity: 0.8;
150
- filter: alpha(opacity=80);
151
- pointer-events: none;
152
- }
153
- .mars3d-smallTooltip-inner {
154
- padding: 3px 5px;
155
- background-color: rgba(0, 0, 0, 0.8);
156
- color: white;
157
- text-align: left;
158
- max-width: 200px;
159
- text-decoration: none;
160
- -webkit-border-radius: 4px;
161
- -moz-border-radius: 4px;
162
- border-radius: 4px;
163
- }
164
- .mars3d-smallTooltip-inner p {
165
- margin: 0;
166
- }
167
- .mars3d-smallTooltip-arrow {
168
- position: absolute;
169
- width: 0;
170
- height: 0;
171
- top: 50%;
172
- }
173
- .mars3d-smallTooltip-leftArrow {
174
- right: 0;
175
- margin-top: -5px;
176
- border-top: 5px solid transparent;
177
- border-bottom: 5px solid transparent;
178
- border-left: 5px solid #000000;
179
- }
180
- .mars3d-smallTooltip-rightArrow {
181
- left: 0;
182
- margin-top: -5px;
183
- border-top: 5px solid transparent;
184
- border-bottom: 5px solid transparent;
185
- border-right: 5px solid #000000;
186
- }
187
- .mars3d-clockAnimate {
188
- z-index: 12;
189
- position: absolute;
190
- bottom: 0;
191
- left: 0;
192
- height: 27px;
193
- background: linear-gradient(to bottom, rgba(116, 117, 119, 0.8) 0%, rgba(58, 68, 82, 0.8) 11%, rgba(46, 50, 56, 0.8) 46%, rgba(53, 53, 53, 0.8) 81%, rgba(53, 53, 53, 0.8) 100%);
194
- }
195
- .mars3d-clockAnimate .time {
196
- margin: 0 4px;
197
- font-size: 13px;
198
- -webkit-user-select: none;
199
- -moz-user-select: none;
200
- -ms-user-select: none;
201
- user-select: none;
202
- }
203
- .mars3d-clockAnimate .mars3d-clockAnimate-btn {
204
- display: inline-block;
205
- vertical-align: middle;
206
- padding: 1px 8px;
207
- border: solid 1px #888;
208
- color: var(--mars-text-color, #ffffff);
209
- background-color: rgba(63, 72, 84, 0.7);
210
- border: none;
211
- cursor: pointer;
212
- width: 24px;
213
- }
214
- .mars3d-clockAnimate .mars3d-clockAnimate-btn svg {
215
- margin-top: 1px;
216
- }
217
- .mars3d-clockAnimate .mars3d-clockAnimate-speed {
218
- width: 80px;
219
- height: 24px;
220
- border: solid 1px rgba(136, 136, 136, 0.6);
221
- padding: 0 3px;
222
- margin: 0;
223
- color: var(--mars-text-color, #ffffff);
224
- background-color: rgba(63, 72, 84, 0.7);
225
- }
226
- .mars3d-clockAnimate .mars3d-clockAnimate-speed ::-webkit-outer-spin-button,
227
- .mars3d-clockAnimate .mars3d-clockAnimate-speed input::-webkit-inner-spin-button {
228
- appearance: none !important;
229
- margin: 0;
230
- }
231
- .mars3d-compass {
232
- position: absolute;
233
- cursor: pointer;
234
- pointer-events: auto;
235
- user-select: none;
236
- width: 55px;
237
- height: 55px;
238
- }
239
- .mars3d-compass .mars3d-compass-outer {
240
- position: absolute;
241
- top: 0;
242
- left: 0;
243
- height: 55px;
244
- width: 55px;
245
- background-repeat: no-repeat;
246
- background-size: contain;
247
- fill: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
248
- border-radius: 50%;
249
- }
250
- .mars3d-compass .mars3d-compass-outer svg {
251
- height: 55px;
252
- width: 55px;
253
- }
254
- .mars3d-compass .mars3d-compass-inner {
255
- position: relative;
256
- top: 50%;
257
- transform: translateY(-50%);
258
- height: 25px;
259
- width: 25px;
260
- border-radius: 50%;
261
- display: block;
262
- margin: 0 auto;
263
- padding: 4px;
264
- box-sizing: border-box;
265
- background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
266
- fill: var(--mars-text-color, #ffffff);
267
- }
268
- .mars3d-compass .mars3d-compass-inner:hover {
269
- background: #3385ff;
270
- }
271
- .mars3d-compass .mars3d-compass-rotation-arc {
272
- position: absolute;
273
- top: 2px;
274
- left: 2px;
275
- height: 51px;
276
- width: 51px;
277
- border-radius: 50%;
278
- background-repeat: no-repeat;
279
- background-size: contain;
280
- }
281
- .mars3d-cubeview {
282
- position: absolute;
283
- width: 100px;
284
- height: 100px;
285
- }
286
- .mars3d-cubeview-cube {
287
- width: 50%;
288
- height: 50%;
289
- top: 25%;
290
- transform-style: preserve-3d;
291
- margin: auto;
292
- position: relative;
293
- will-change: transform;
294
- font-family: monospace;
295
- font-weight: bold;
296
- }
297
- .mars3d-cubeview-cube > div {
298
- display: flex;
299
- justify-content: center;
300
- align-items: center;
301
- position: absolute;
302
- width: 100%;
303
- height: 100%;
304
- user-select: none;
305
- cursor: pointer;
306
- color: var(--mars-text-color, #ffffff);
307
- background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
308
- border: 1px solid var(--mars-text-color, #ffffff);
309
- }
310
- .mars3d-cubeview-cube > div:hover {
311
- background: #3385ff;
312
- }
313
- .mars3d-cubeview-side-t {
314
- transform: rotatex(90deg) translateZ(25px);
315
- }
316
- .mars3d-cubeview-side-w {
317
- transform: rotateY(-90deg) translateZ(25px);
318
- border-right: 2px solid blue !important;
319
- border-bottom: 2px solid green !important;
320
- }
321
- .mars3d-cubeview-side-s {
322
- border-left: 2px solid blue !important;
323
- border-bottom: 2px solid red !important;
324
- transform: translateZ(25px);
325
- }
326
- .mars3d-cubeview-side-e {
327
- transform: rotateY(90deg) translateZ(25px);
328
- }
329
- .mars3d-cubeview-side-n {
330
- transform: rotateY(180deg) translateZ(25px);
331
- }
332
- .mars3d-cubeview-side-b {
333
- transform: rotateX(-90deg) translateZ(25px);
334
- border-top: 2px solid red !important;
335
- border-left: 2px solid green !important;
336
- }
337
- .mars3d-distance-legend {
338
- z-index: 11;
339
- position: absolute;
340
- width: 125px;
341
- height: 25px;
342
- pointer-events: none;
343
- user-select: none;
344
- }
345
- .mars3d-distance-legend .legend-label {
346
- font-size: 13px;
347
- color: #ffffff;
348
- text-align: center;
349
- width: 100%;
350
- }
351
- .mars3d-distance-legend .legend-scale-bar {
352
- position: absolute;
353
- height: 10px;
354
- top: 10px;
355
- border-left: 1px solid #ffffff;
356
- border-right: 1px solid #ffffff;
357
- border-bottom: 1px solid #ffffff;
358
- }
359
- /**左下角，鼠标经纬度提示*/
360
- .mars3d-locationbar {
361
- z-index: 10;
362
- position: absolute;
363
- padding: 3px 10px;
364
- font-size: 13px;
365
- color: #e9e9e9;
366
- background-color: rgba(0, 0, 0, 0.4);
367
- min-height: 26px;
368
- pointer-events: none;
369
- }
370
- .mars3d-locationbar-content {
371
- float: right;
372
- }
373
- .mars3d-locationbar-content > div {
374
- float: left;
375
- margin-right: 20px;
376
- }
377
- .cesium-performanceDisplay-ms,
378
- .cesium-performanceDisplay-fps {
379
- min-width: 65px;
380
- }
381
- /* 兼容屏幕大小 美观显示不同信息 */
382
- @media screen and (max-width: 1200px) {
383
- .mars3d-locationbar-content > div {
384
- margin-right: 15px;
385
- }
386
- }
387
- @media screen and (max-width: 1000px) {
388
- .cesium-performanceDisplay-ms,
389
- .cesium-performanceDisplay-fps,
390
- .mars3d-locationbar-content > .hide1000 {
391
- display: none !important;
392
- }
393
- .mars3d-locationbar-content > div {
394
- margin-right: 10px;
395
- }
396
- }
397
- @media screen and (max-width: 700px) {
398
- .mars3d-locationbar-content > .hide700 {
399
- display: none !important;
400
- }
401
- }
402
- @media screen and (max-width: 600px) {
403
- .mars3d-locationbar {
404
- display: none !important;
405
- }
406
- }
407
- .mars3d-slider {
408
- position: absolute;
409
- left: 50%;
410
- top: 0px;
411
- background-color: #d3d3d3;
412
- width: 3px;
413
- height: 100%;
414
- z-index: 9999;
415
- }
416
- .mars3d-slider .slider-splitter {
417
- position: absolute;
418
- left: -15px;
419
- top: calc(50% - 15px);
420
- width: 30px;
421
- height: 30px;
422
- background: #f0eeee;
423
- border-radius: 50%;
424
- text-align: center;
425
- line-height: 40px;
426
- padding: 2px;
427
- border: 1px solid lightgrey;
428
- z-index: 99999;
429
- }
430
- .mars3d-slider .slider-splitter:hover {
431
- cursor: ew-resize;
432
- }
433
- .mars3d-mapCompare {
434
- position: absolute;
435
- right: 0px;
436
- top: 0px;
437
- bottom: 0px;
438
- width: 50%;
439
- height: 100%;
440
- margin: 0;
441
- padding: 0;
442
- }
443
- /**滚轮样式*/
444
- .mars3d-mousedownview {
445
- position: absolute;
446
- top: 0px;
447
- left: 0px;
448
- width: 40px;
449
- height: 40px;
450
- margin-top: -23px;
451
- /*图片高度的一半*/
452
- margin-left: -23px;
453
- pointer-events: none;
454
- visibility: hidden;
455
- opacity: 0;
456
- -webkit-transition: visibility 0s 0.2s, opacity 0.2s ease-in;
457
- -moz-transition: visibility 0s 0.2s, opacity 0.2s ease-in;
458
- transition: visibility 0s 0.2s, opacity 0.2s ease-in;
459
- }
460
- .mars3d-mousedownview-img {
461
- width: 36px;
462
- height: 36px;
463
- background-image: url(./img/cursor.png);
464
- background-size: 100% 100%;
465
- }
466
- .mars3d-mousedownview-show {
467
- visibility: visible;
468
- opacity: 1;
469
- -webkit-transition: opacity 0.2s ease-out;
470
- -moz-transition: opacity 0.2s ease-out;
471
- transition: opacity 0.2s ease-out;
472
- }
473
- .mars3d-overviewMap {
474
- position: absolute;
475
- user-select: none;
476
- width: 200px;
477
- height: 150px;
478
- overflow: hidden;
479
- border: 1px solid orange;
480
- box-shadow: 2px 2px 3px #2b2b2b;
481
- }
482
- .mars3d-subtitles {
483
- position: absolute;
484
- user-select: none;
485
- overflow: hidden;
486
- padding: 10px;
487
- font-size: 30px;
488
- font-weight: bold;
489
- letter-spacing: 2px;
490
- text-align: center;
491
- z-index: 999;
492
- }
493
- .mar3d-toolButton img,
494
- .mar3d-toolButton svg,
495
- .mar3d-toolButton div {
496
- height: 100%;
497
- text-align: center;
498
- }
499
- .mars3d-divGraphic {
500
- position: absolute;
501
- left: 0;
502
- top: 0;
503
- }
504
- .mars3d-divGraphic:hover {
505
- z-index: 9999 !important;
506
- }
507
- .mars3d-divGraphic-edit {
508
- background-color: rgba(254, 87, 161, 0.1);
509
- border: 2px dashed rgba(172, 85, 59, 0.768);
510
- -webkit-border-radius: 2px;
511
- border-radius: 2px;
512
- margin: -2px;
513
- box-sizing: content-box;
514
- }
515
- /**内置的DivGraphic通用样式【文本动态边框】*/
516
- .mars3d-divBoderLabel {
517
- position: absolute;
518
- left: 0px;
519
- bottom: 0px;
520
- cursor: pointer;
521
- --animation-name: mars3d-divBoderLabel-animation;
522
- --text-left-position: -75px;
523
- }
524
- @keyframes mars3d-divBoderLabel-animation {
525
- 0%,
526
- 100% {
527
- clip: rect(0px, var(--clip-width-1), 2px, 0px);
528
- }
529
- 25% {
530
- clip: rect(0px, 2px, var(--clip-height-1), 0px);
531
- }
532
- 50% {
533
- clip: rect(var(--clip-height-2), var(--clip-width-1), var(--clip-width-1), 0px);
534
- }
535
- 75% {
536
- clip: rect(0px, var(--clip-width-1), var(--clip-height-1), var(--clip-width-2));
537
- }
538
- }
539
- .mars3d-divBoderLabel-boder {
540
- width: var(--boder-width);
541
- height: var(--boder-height);
542
- margin: auto;
543
- color: var(--border-color);
544
- box-shadow: inset 0 0 0 1px var(--box-shadow-color);
545
- }
546
- .mars3d-divBoderLabel-text {
547
- color: var(--text-color);
548
- font-size: var(--text-font-size);
549
- display: flex;
550
- width: 100%;
551
- height: 100%;
552
- align-items: center;
553
- justify-content: center;
554
- font-weight: bolder;
555
- user-select: none;
556
- cursor: pointer;
557
- }
558
- .mars3d-divBoderLabel-boder,
559
- .mars3d-divBoderLabel-boder::before,
560
- .mars3d-divBoderLabel-boder::after {
561
- position: absolute;
562
- top: 0;
563
- bottom: 0;
564
- left: 0;
565
- right: 0;
566
- }
567
- .mars3d-divBoderLabel-boder::before,
568
- .mars3d-divBoderLabel-boder::after {
569
- content: "";
570
- margin: -5%;
571
- box-shadow: inset 0 0 0 2px;
572
- animation: var(--animation-name) 8s linear infinite;
573
- }
574
- .mars3d-divBoderLabel-boder::before {
575
- animation-delay: -4s;
576
- }
577
- .mars3d-animation-point,
578
- .mars3d-animation-point:after,
579
- .mars3d-animation-point:before,
580
- .mars3d-animation-point p,
581
- .mars3d-animation-point p:after,
582
- .mars3d-animation-point p:before {
583
- margin: 0;
584
- padding: 0;
585
- -webkit-box-sizing: border-box;
586
- -moz-box-sizing: border-box;
587
- -o-box-sizing: border-box;
588
- -ms-box-sizing: border-box;
589
- box-sizing: border-box;
590
- }
591
- .mars3d-animation-point {
592
- width: 10px;
593
- height: 10px;
594
- border-radius: 50%;
595
- border: 1px solid hsla(0, 0%, 100%, 0.5);
596
- cursor: pointer;
597
- color: #0ff;
598
- background: currentColor;
599
- z-index: 3;
600
- left: 50%;
601
- top: 50%;
602
- -webkit-transform: translate(-50%, -50%);
603
- -moz-transform: translate(-50%, -50%);
604
- -o-transform: translate(-50%, -50%);
605
- -ms-transform: translate(-50%, -50%);
606
- transform: translate(-50%, -50%);
607
- box-shadow: 0 0 2em currentColor, 0 0 0.5em currentColor;
608
- position: absolute;
609
- }
610
- .mars3d-animation-point .mars3d-animation-point-lbl {
611
- position: absolute;
612
- transform: translate(-50%, -120%);
613
- left: 50%;
614
- font-size: 16px;
615
- width: fit-content;
616
- white-space: nowrap;
617
- }
618
- .mars3d-animation-point p {
619
- position: absolute;
620
- left: 50%;
621
- top: 50%;
622
- width: 0;
623
- height: 0;
624
- border-radius: 50%;
625
- -webkit-transform: translate(-50%, -50%);
626
- -moz-transform: translate(-50%, -50%);
627
- -o-transform: translate(-50%, -50%);
628
- -ms-transform: translate(-50%, -50%);
629
- transform: translate(-50%, -50%);
630
- -webkit-animation: mars3d-animation-point-mapAni 2s ease infinite;
631
- -moz-animation: mars3d-animation-point-mapAni 2s ease infinite;
632
- -o-animation: mars3d-animation-point-mapAni 2s ease infinite;
633
- -ms-animation: mars3d-animation-point-mapAni 2s ease infinite;
634
- animation: mars3d-animation-point-mapAni 2s ease infinite;
635
- }
636
- .mars3d-animation-point .mapError {
637
- color: red;
638
- }
639
- .mars3d-animation-point .mapWarn {
640
- color: #b5a603;
641
- }
642
- .mars3d-animation-point .mapSuccess {
643
- color: #239233;
644
- }
645
- .mars3d-animation-point .mapOrange {
646
- color: #8c4d34;
647
- }
648
- .mars3d-animation-point:after,
649
- .mars3d-animation-point:before,
650
- .mars3d-animation-point p:after,
651
- .mars3d-animation-point p:before {
652
- content: "";
653
- position: absolute;
654
- width: 100%;
655
- height: 100%;
656
- left: 50%;
657
- top: 50%;
658
- border-radius: 50%;
659
- -webkit-transform: translate(-50%, -50%);
660
- -moz-transform: translate(-50%, -50%);
661
- -o-transform: translate(-50%, -50%);
662
- -ms-transform: translate(-50%, -50%);
663
- transform: translate(-50%, -50%);
664
- }
665
- .mars3d-animation-point:after,
666
- .mars3d-animation-point:before {
667
- border: 1px solid;
668
- -webkit-animation: mars3d-animation-point-mapAni 1s ease infinite;
669
- -moz-animation: mars3d-animation-point-mapAni 1s ease infinite;
670
- -o-animation: mars3d-animation-point-mapAni 1s ease infinite;
671
- -ms-animation: mars3d-animation-point-mapAni 1s ease infinite;
672
- animation: mars3d-animation-point-mapAni 1s ease infinite;
673
- }
674
- .mars3d-animation-point p:before {
675
- border: 1px solid;
676
- }
677
- @-webkit-keyframes mars3d-animation-point-mapAni {
678
- 0% {
679
- width: 0;
680
- height: 0;
681
- opacity: 1;
682
- filter: alpha(opacity=1);
683
- }
684
- 25% {
685
- width: 120%;
686
- height: 120%;
687
- opacity: 0.7;
688
- filter: alpha(opacity=70);
689
- }
690
- 50% {
691
- width: 200%;
692
- height: 200%;
693
- opacity: 0.5;
694
- filter: alpha(opacity=50);
695
- }
696
- 75% {
697
- width: 300%;
698
- height: 300%;
699
- opacity: 0.2;
700
- filter: alpha(opacity=20);
701
- }
702
- to {
703
- width: 400%;
704
- height: 400%;
705
- opacity: 0;
706
- filter: alpha(opacity=0);
707
- }
708
- }
709
- @-moz-keyframes mars3d-animation-point-mapAni {
710
- 0% {
711
- width: 0;
712
- height: 0;
713
- opacity: 1;
714
- filter: alpha(opacity=1);
715
- }
716
- 25% {
717
- width: 120%;
718
- height: 120%;
719
- opacity: 0.7;
720
- filter: alpha(opacity=70);
721
- }
722
- 50% {
723
- width: 200%;
724
- height: 200%;
725
- opacity: 0.5;
726
- filter: alpha(opacity=50);
727
- }
728
- 75% {
729
- width: 300%;
730
- height: 300%;
731
- opacity: 0.2;
732
- filter: alpha(opacity=20);
733
- }
734
- to {
735
- width: 400%;
736
- height: 400%;
737
- opacity: 0;
738
- filter: alpha(opacity=0);
739
- }
740
- }
741
- @-o-keyframes mars3d-animation-point-mapAni {
742
- 0% {
743
- width: 0;
744
- height: 0;
745
- opacity: 1;
746
- filter: alpha(opacity=1);
747
- }
748
- 25% {
749
- width: 120%;
750
- height: 120%;
751
- opacity: 0.7;
752
- filter: alpha(opacity=70);
753
- }
754
- 50% {
755
- width: 200%;
756
- height: 200%;
757
- opacity: 0.5;
758
- filter: alpha(opacity=50);
759
- }
760
- 75% {
761
- width: 300%;
762
- height: 300%;
763
- opacity: 0.2;
764
- filter: alpha(opacity=20);
765
- }
766
- to {
767
- width: 400%;
768
- height: 400%;
769
- opacity: 0;
770
- filter: alpha(opacity=0);
771
- }
772
- }
773
- @-ms-keyframes mars3d-animation-point-mapAni {
774
- 0% {
775
- width: 0;
776
- height: 0;
777
- opacity: 1;
778
- filter: alpha(opacity=1);
779
- }
780
- 25% {
781
- width: 120%;
782
- height: 120%;
783
- opacity: 0.7;
784
- filter: alpha(opacity=70);
785
- }
786
- 50% {
787
- width: 200%;
788
- height: 200%;
789
- opacity: 0.5;
790
- filter: alpha(opacity=50);
791
- }
792
- 75% {
793
- width: 300%;
794
- height: 300%;
795
- opacity: 0.2;
796
- filter: alpha(opacity=20);
797
- }
798
- to {
799
- width: 400%;
800
- height: 400%;
801
- opacity: 0;
802
- filter: alpha(opacity=0);
803
- }
804
- }
805
- @keyframes mars3d-animation-point-mapAni {
806
- 0% {
807
- width: 0;
808
- height: 0;
809
- opacity: 1;
810
- filter: alpha(opacity=1);
811
- }
812
- 25% {
813
- width: 120%;
814
- height: 120%;
815
- opacity: 0.7;
816
- filter: alpha(opacity=70);
817
- }
818
- 50% {
819
- width: 200%;
820
- height: 200%;
821
- opacity: 0.5;
822
- filter: alpha(opacity=50);
823
- }
824
- 75% {
825
- width: 300%;
826
- height: 300%;
827
- opacity: 0.2;
828
- filter: alpha(opacity=20);
829
- }
830
- to {
831
- width: 400%;
832
- height: 400%;
833
- opacity: 0;
834
- filter: alpha(opacity=0);
835
- }
836
- }
837
- .mars3d-divUpLabel {
838
- text-align: center;
839
- background: transparent;
840
- color: white;
841
- display: block;
842
- box-sizing: border-box;
843
- animation-duration: 1s;
844
- animation-fill-mode: both;
845
- animation-name: mars3d-divUpLabel-tinUpIn;
846
- }
847
- .mars3d-divUpLabel-text {
848
- writing-mode: vertical-lr;
849
- font-size: 16px;
850
- letter-spacing: 4px;
851
- }
852
- .mars3d-divUpLabel-line {
853
- display: block;
854
- height: 100px;
855
- width: 1.5px;
856
- margin-left: calc(50% - 1px);
857
- margin-top: 3px;
858
- background-color: white;
859
- }
860
- @keyframes mars3d-divUpLabel-tinUpIn {
861
- 0% {
862
- opacity: 0;
863
- transform: scale(1, 1) translateY(-900%);
864
- }
865
- 50%,
866
- 70%,
867
- 90% {
868
- opacity: 1;
869
- transform: scale(1.1, 1.1) translateY(0);
870
- }
871
- 100%,
872
- 60%,
873
- 80% {
874
- opacity: 1;
875
- transform: scale(1, 1) translateY(0);
876
- }
877
- }
878
- /*****popup弹出框样式******/
879
- .mars3d-popup {
880
- -webkit-user-select: auto;
881
- -moz-user-select: auto;
882
- -ms-user-select: auto;
883
- user-select: auto;
884
- }
885
- .mars3d-popup-close-button {
886
- position: absolute;
887
- top: 0;
888
- right: 0;
889
- padding: 4px 4px 0 0;
890
- text-align: center;
891
- width: 20px;
892
- height: 20px;
893
- font: 16px/14px Tahoma, Verdana, sans-serif;
894
- text-decoration: none;
895
- font-weight: bold;
896
- background: transparent;
897
- z-index: 20170825;
898
- cursor: pointer;
899
- }
900
- .mars3d-popup-content-wrapper {
901
- text-align: center;
902
- box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
903
- padding: 1px;
904
- text-align: left;
905
- border-radius: 3px;
906
- }
907
- .mars3d-popup-content {
908
- margin: 10px;
909
- font-size: 13px;
910
- max-width: 700px;
911
- min-width: 50px;
912
- max-height: 550px;
913
- overflow-y: auto;
914
- }
915
- .mars3d-popup-tip-container {
916
- margin: 0 auto;
917
- width: 40px;
918
- height: 17px;
919
- position: relative;
920
- overflow: hidden;
921
- }
922
- .mars3d-popup-tip {
923
- box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
924
- width: 17px;
925
- height: 17px;
926
- padding: 1px;
927
- margin: -10px auto 0;
928
- -webkit-transform: rotate(45deg);
929
- -moz-transform: rotate(45deg);
930
- -ms-transform: rotate(45deg);
931
- -o-transform: rotate(45deg);
932
- transform: rotate(45deg);
933
- }
934
- .mars3d-popup-scrolled {
935
- overflow: auto;
936
- border-bottom: 1px solid #ddd;
937
- border-top: 1px solid #ddd;
938
- }
939
- .mars3d-popup-color {
940
- color: var(--mars-text-color, #ffffff);
941
- }
942
- .mars3d-popup-background {
943
- background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
944
- }
945
- .mars3d-popup-animation {
946
- animation-duration: 0.3s;
947
- animation-fill-mode: both;
948
- animation-name: mars3d-popup-swashIn;
949
- }
950
- @keyframes mars3d-popup-swashIn {
951
- 0% {
952
- opacity: 0;
953
- transform-origin: 50% 50%;
954
- transform: scale(0, 0);
955
- }
956
- 90% {
957
- opacity: 1;
958
- transform-origin: 50% 50%;
959
- transform: scale(0.9, 0.9);
960
- }
961
- 100% {
962
- opacity: 1;
963
- transform-origin: 50% 50%;
964
- transform: scale(1, 1);
965
- }
966
- }
967
- .mars3d-popup-btn {
968
- padding: 3px 10px;
969
- border: 1px solid #209ffd;
970
- background: #209ffd1c;
971
- }
972
- /* all 中的html样式 */
973
- .mars3d-template-title {
974
- height: 33px;
975
- line-height: 33px;
976
- padding: 0 10px 0 10px;
977
- font-size: 16px;
978
- color: var(--mars-text-color, #ffffff);
979
- border-bottom: 1px solid var(--mars-hover-color, #3ea6ff);
980
- overflow: hidden;
981
- }
982
- .mars3d-template-title a {
983
- color: var(--mars-msg-title-color, #479be0);
984
- text-decoration: none;
985
- }
986
- .mars3d-template-content {
987
- min-width: 150px;
988
- margin-top: 0px;
989
- padding: 10px;
990
- color: var(--mars-text-color, #ffffff);
991
- font-size: 14px;
992
- max-height: 490px;
993
- overflow-y: auto;
994
- }
995
- .mars3d-template-content > div {
996
- margin-top: 5px;
997
- }
998
- .mars3d-template-content label {
999
- margin: 0 10px;
1000
- padding-right: 6px;
1001
- min-width: 55px;
1002
- float: left;
1003
- }
1004
- .mars3d-template-content input {
1005
- color: var(--mars-text-color, #ffffff);
1006
- background-color: transparent;
1007
- padding: 4px 5px;
1008
- border-width: 1px;
1009
- border-style: solid;
1010
- }
1011
- .mars3d-template-content input::placeholder {
1012
- color: #cdcdcd;
1013
- }
1014
- .mars3d-template-content textarea {
1015
- color: var(--mars-text-color, #ffffff);
1016
- background-color: transparent;
1017
- padding: 4px 5px;
1018
- border-width: 1px;
1019
- border-style: solid;
1020
- height: 60px;
1021
- resize: none;
1022
- }
1023
- .mars3d-template-content textarea::placeholder {
1024
- color: #cdcdcd;
1025
- }
1026
- .mars3d-popup-iframe {
1027
- overflow: auto;
1028
- margin: 0;
1029
- }
1030
- /*****tooltip弹出框样式******/
1031
- .mars3d-tooltip {
1032
- padding: 6px;
1033
- white-space: nowrap;
1034
- -webkit-user-select: none;
1035
- -moz-user-select: none;
1036
- -ms-user-select: none;
1037
- user-select: none;
1038
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
1039
- max-width: 700px;
1040
- min-width: 50px;
1041
- max-height: 550px;
1042
- color: var(--mars-text-color, #ffffff);
1043
- background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1044
- border: 1px solid var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1045
- }
1046
- .mars3d-tooltip-top:before,
1047
- .mars3d-tooltip-bottom:before,
1048
- .mars3d-tooltip-left:before,
1049
- .mars3d-tooltip-right:before {
1050
- position: absolute;
1051
- pointer-events: none;
1052
- border: 6px solid transparent;
1053
- background: transparent;
1054
- content: "";
1055
- }
1056
- .mars3d-tooltip-top:before {
1057
- border-top-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));
1058
- }
1059
- .mars3d-tooltip-bottom:before {
1060
- border-bottom-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));
1061
- }
1062
- .mars3d-tooltip-left:before {
1063
- border-left-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));
1064
- }
1065
- .mars3d-tooltip-right:before {
1066
- border-right-color: var(--mars-base-bg, rgba(23, 49, 71, 0.8));
1067
- }
1068
- /* Directions */
1069
- .mars3d-tooltip-bottom {
1070
- margin-top: 6px;
1071
- }
1072
- .mars3d-tooltip-top {
1073
- margin-top: -6px;
1074
- }
1075
- .mars3d-tooltip-bottom:before,
1076
- .mars3d-tooltip-top:before {
1077
- left: 50%;
1078
- margin-left: -6px;
1079
- }
1080
- .mars3d-tooltip-top:before {
1081
- bottom: 0;
1082
- margin-bottom: -12px;
1083
- border-top-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1084
- }
1085
- .mars3d-tooltip-bottom:before {
1086
- top: 0;
1087
- margin-top: -6px;
1088
- margin-left: -6px;
1089
- border-bottom-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1090
- }
1091
- .mars3d-tooltip-left {
1092
- margin-left: -6px;
1093
- }
1094
- .mars3d-tooltip-right {
1095
- margin-left: 6px;
1096
- }
1097
- .mars3d-tooltip-left:before,
1098
- .mars3d-tooltip-right:before {
1099
- top: 50%;
1100
- margin-top: -6px;
1101
- }
1102
- .mars3d-tooltip-left:before {
1103
- right: 0;
1104
- margin-right: -12px;
1105
- border-left-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1106
- }
1107
- .mars3d-tooltip-right:before {
1108
- left: 0;
1109
- margin-left: -6px;
1110
- border-right-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1111
- }
1112
- .mars3d-divlayer-camera {
1113
- backface-visibility: hidden;
1114
- }
1115
- /** 覆盖cesium 控件相关样式 */
1116
- /**cesium info信息框*/
1117
- .cesium-infoBox {
1118
- background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1119
- }
1120
- .cesium-infoBox-title {
1121
- background-color: rgba(23, 49, 71, 0.8);
1122
- }
1123
- /**cesium 任务栏的FPS信息*/
1124
- .cesium-performanceDisplay-defaultContainer .cesium-performanceDisplay-ms,
1125
- .cesium-performanceDisplay-defaultContainer .cesium-performanceDisplay-fps {
1126
- color: #fff;
1127
- }
1128
- /**cesium tileset调试信息面板*/
1129
- .cesium-cesiumInspector {
1130
- background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1131
- }
1132
- /**animation时间面板*/
1133
- .cesium-viewer-animationContainer {
1134
- z-index: 12;
1135
- }
1136
- /** 按钮工具栏 */
1137
- .cesium-viewer-toolbar {
1138
- /** 按钮统一样式 */
1139
- /**底图切换 弹出面板*/
1140
- /**帮助 弹出面板*/
1141
- /**POI查询输入框*/
1142
- }
1143
- .cesium-viewer-toolbar .cesium-button {
1144
- background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1145
- border-radius: 2px;
1146
- border-width: 1px;
1147
- color: var(--mars-text-color, #ffffff);
1148
- fill: #e6e6e6;
1149
- line-height: 32px;
1150
- text-align: center;
1151
- cursor: pointer;
1152
- }
1153
- .cesium-viewer-toolbar .cesium-button:hover {
1154
- background-color: #3385ff;
1155
- box-shadow: none;
1156
- border: none;
1157
- }
1158
- .cesium-viewer-toolbar .cesium-button img,
1159
- .cesium-viewer-toolbar .cesium-button svg,
1160
- .cesium-viewer-toolbar .cesium-button div,
1161
- .cesium-viewer-toolbar .cesium-button .cesium-svgPath-svg {
1162
- scale: 0.8;
1163
- height: 100%;
1164
- max-width: 100%;
1165
- max-height: 100%;
1166
- text-align: center;
1167
- }
1168
- .cesium-viewer-toolbar .cesium-button img:hover,
1169
- .cesium-viewer-toolbar .cesium-button svg:hover,
1170
- .cesium-viewer-toolbar .cesium-button div:hover,
1171
- .cesium-viewer-toolbar .cesium-button .cesium-svgPath-svg:hover {
1172
- scale: 0.9;
1173
- }
1174
- .cesium-viewer-toolbar .cesium-baseLayerPicker-dropDown {
1175
- background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1176
- max-height: 700px;
1177
- z-index: 99;
1178
- }
1179
- .cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-help-instructions,
1180
- .cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button {
1181
- background: none;
1182
- }
1183
- .cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-help,
1184
- .cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-selected {
1185
- background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1186
- }
1187
- .cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-unselected {
1188
- background-color: rgba(105, 105, 105, 0.75);
1189
- }
1190
- .cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-unselected:hover {
1191
- background-color: var(--mars-base-bg, rgba(76, 76, 76, 0.75));
1192
- }
1193
- .cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-input {
1194
- background-color: rgba(63, 72, 84, 0.7);
1195
- border-width: 1px;
1196
- }
1197
- .cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {
1198
- background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1199
- }
1200
- .cesium-viewer-toolbar .cesium-viewer-geocoderContainer .search-results {
1201
- z-index: 99;
1202
- background-color: rgba(23, 49, 71, 0.8);
1203
- }
1204
- .cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-searchButton {
1205
- background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
1206
- border-radius: 2px;
1207
- border-width: 1px;
1208
- fill: #e6e6e6;
1209
- }
1210
- /** 修改定位："top-right"上侧靠右 */
1211
- /** 按钮工具栏修改定位："top-left"上侧靠左 */
1212
- .cesium-viewer-toolbar-top-left {
1213
- top: 10px;
1214
- bottom: auto !important;
1215
- left: 10px;
1216
- right: auto !important;
1217
- /**帮助 弹出面板*/
1218
- /**底图切换 弹出面板*/
1219
- }
1220
- .cesium-viewer-toolbar-top-left .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
1221
- left: 40px;
1222
- transform-origin: left top;
1223
- }
1224
- .cesium-viewer-toolbar-top-left .cesium-baseLayerPicker-dropDown {
1225
- left: 10px;
1226
- }
1227
- /** 修改定位："left-top"左侧靠上 */
1228
- .cesium-viewer-toolbar-left-top {
1229
- top: 10px;
1230
- bottom: auto !important;
1231
- left: 10px;
1232
- right: auto !important;
1233
- /**底图切换 弹出面板*/
1234
- /**帮助 弹出面板*/
1235
- /**二维三维切换*/
1236
- /**POI查询输入框*/
1237
- }
1238
- .cesium-viewer-toolbar-left-top > .cesium-toolbar-button,
1239
- .cesium-viewer-toolbar-left-top .cesium-navigationHelpButton-wrapper,
1240
- .cesium-viewer-toolbar-left-top .cesium-viewer-geocoderContainer {
1241
- float: left;
1242
- clear: both;
1243
- margin-bottom: 5px;
1244
- }
1245
- .cesium-viewer-toolbar-left-top .cesium-baseLayerPicker-dropDown {
1246
- left: 40px;
1247
- margin-bottom: 5px;
1248
- }
1249
- .cesium-viewer-toolbar-left-top .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
1250
- top: 0px;
1251
- left: 40px;
1252
- transform-origin: left top;
1253
- }
1254
- .cesium-viewer-toolbar-left-top .cesium-sceneModePicker-wrapper {
1255
- width: auto;
1256
- }
1257
- .cesium-viewer-toolbar-left-top .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
1258
- float: right;
1259
- margin: 0 3px;
1260
- }
1261
- .cesium-viewer-toolbar-left-top .cesium-viewer-geocoderContainer .search-results {
1262
- left: 0;
1263
- right: 40px;
1264
- width: auto;
1265
- }
1266
- /** 修改定位："left-bottom"左侧靠下 */
1267
- .cesium-viewer-toolbar-left-bottom {
1268
- top: auto !important;
1269
- bottom: 60px;
1270
- left: 10px;
1271
- right: auto !important;
1272
- /**底图切换 弹出面板*/
1273
- /**帮助 弹出面板*/
1274
- /**二维三维切换*/
1275
- /**POI查询输入框*/
1276
- }
1277
- .cesium-viewer-toolbar-left-bottom > .cesium-toolbar-button,
1278
- .cesium-viewer-toolbar-left-bottom .cesium-navigationHelpButton-wrapper,
1279
- .cesium-viewer-toolbar-left-bottom .cesium-viewer-geocoderContainer {
1280
- float: left;
1281
- clear: both;
1282
- margin-bottom: 5px;
1283
- }
1284
- .cesium-viewer-toolbar-left-bottom .cesium-baseLayerPicker-dropDown {
1285
- bottom: 0;
1286
- left: 40px;
1287
- margin-bottom: 5px;
1288
- }
1289
- .cesium-viewer-toolbar-left-bottom .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
1290
- top: auto;
1291
- bottom: 0;
1292
- left: 40px;
1293
- transform-origin: left bottom;
1294
- }
1295
- .cesium-viewer-toolbar-left-bottom .cesium-sceneModePicker-wrapper {
1296
- width: auto;
1297
- }
1298
- .cesium-viewer-toolbar-left-bottom .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
1299
- float: right;
1300
- margin: 0 3px;
1301
- }
1302
- .cesium-viewer-toolbar-left-bottom .cesium-viewer-geocoderContainer .search-results {
1303
- left: 0;
1304
- right: 40px;
1305
- width: auto;
1306
- }
1307
- /** 修改定位："right-top"右侧靠上 */
1308
- .cesium-viewer-toolbar-right-top {
1309
- top: 10px;
1310
- bottom: auto !important;
1311
- right: 10px;
1312
- left: auto !important;
1313
- /**底图切换 弹出面板*/
1314
- /**帮助 弹出面板*/
1315
- /**二维三维切换*/
1316
- /**POI查询输入框*/
1317
- }
1318
- .cesium-viewer-toolbar-right-top > .cesium-toolbar-button,
1319
- .cesium-viewer-toolbar-right-top .cesium-navigationHelpButton-wrapper,
1320
- .cesium-viewer-toolbar-right-top .cesium-viewer-geocoderContainer {
1321
- float: right;
1322
- clear: both;
1323
- margin-bottom: 5px;
1324
- }
1325
- .cesium-viewer-toolbar-right-top .cesium-baseLayerPicker-dropDown {
1326
- right: 40px;
1327
- margin-bottom: 5px;
1328
- }
1329
- .cesium-viewer-toolbar-right-top .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
1330
- top: 0;
1331
- bottom: auto;
1332
- right: 40px;
1333
- transform-origin: right top;
1334
- }
1335
- .cesium-viewer-toolbar-right-top .cesium-sceneModePicker-wrapper {
1336
- width: auto;
1337
- }
1338
- .cesium-viewer-toolbar-right-top .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
1339
- float: left;
1340
- margin: 0 3px;
1341
- }
1342
- .cesium-viewer-toolbar-right-top .cesium-viewer-geocoderContainer .search-results {
1343
- right: 0;
1344
- left: 40px;
1345
- width: auto;
1346
- }
1347
- /** 修改定位："right-bottom"右侧靠下 */
1348
- .cesium-viewer-toolbar-right-bottom {
1349
- top: auto !important;
1350
- bottom: 60px;
1351
- right: 10px;
1352
- left: auto !important;
1353
- /**底图切换 弹出面板*/
1354
- /**帮助 弹出面板*/
1355
- /**二维三维切换*/
1356
- /**POI查询输入框*/
1357
- }
1358
- .cesium-viewer-toolbar-right-bottom > .cesium-toolbar-button,
1359
- .cesium-viewer-toolbar-right-bottom .cesium-navigationHelpButton-wrapper,
1360
- .cesium-viewer-toolbar-right-bottom .cesium-viewer-geocoderContainer {
1361
- float: right;
1362
- clear: both;
1363
- margin-bottom: 5px;
1364
- }
1365
- .cesium-viewer-toolbar-right-bottom .cesium-baseLayerPicker-dropDown {
1366
- bottom: 0;
1367
- right: 40px;
1368
- margin-bottom: 5px;
1369
- }
1370
- .cesium-viewer-toolbar-right-bottom .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
1371
- top: auto;
1372
- bottom: 0;
1373
- right: 40px;
1374
- transform-origin: right bottom;
1375
- }
1376
- .cesium-viewer-toolbar-right-bottom .cesium-sceneModePicker-wrapper {
1377
- width: auto;
1378
- }
1379
- .cesium-viewer-toolbar-right-bottom .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
1380
- float: left;
1381
- margin: 0 3px;
1382
- }
1383
- .cesium-viewer-toolbar-right-bottom .cesium-viewer-geocoderContainer .search-results {
1384
- right: 0;
1385
- left: 40px;
1386
- width: auto;
1387
- }
12
+ :root{--m3d-fp:"ZX"}.mars3d-container{width:100%;height:100%;margin:0;padding:0;overflow:hidden;position:relative}.mars3d-container .cesium-widget-credits{display:none}.mars3d-container .mars3d-vrButton{right:auto!important}.mars3d-hideDiv{z-index:-99;top:0;left:0;margin:0;padding:0;pointer-events:none}.mars3d-contextmenu{position:absolute;padding:0;z-index:20170825;display:none}.mars3d-contextmenu-ul{background:rgba(43,44,47,.8);border:1px solid #2b2c2f;border-radius:2px;border-width:1px;min-width:80px;position:relative;list-style:none;margin:0;padding:0}.mars3d-contextmenu-ul .mars3d-contextmenu-icon{position:absolute;left:5px;width:20px;height:20px;text-align:center;overflow:hidden}.mars3d-contextmenu-ul .mars3d-contextmenu-arrow{position:absolute;right:0;width:20px;height:20px;text-align:center}.mars3d-contextmenu-ul li+li{margin:0;padding:0;position:relative}.mars3d-contextmenu-ul li+li:before{content:"";display:block;height:1px;width:100%;background:-webkit-linear-gradient(to left,transparent,rgba(255,255,255,.2),transparent);background:linear-gradient(to left,transparent,rgba(255,255,255,.2),transparent);position:absolute;top:0;left:0}.mars3d-contextmenu-ul .mars3d-contextmenu-item ::marker{content:""}.mars3d-contextmenu-ul .mars3d-contextmenu-line{position:absolute;left:2%;height:1px;width:96%;background:#597086;border-radius:2px;border-width:1px}.mars3d-contextmenu-ul>li>a{padding:6px 10px 6px 30px;-webkit-transition:background-color .25s;-o-transition:background-color .25s;transition:background-color .25s;display:block;clear:both;line-height:22px;color:#76838f;white-space:nowrap;color:#edffff;text-decoration:none}.mars3d-contextmenu-ul>li>.active,.mars3d-contextmenu-ul>li>a:focus,.mars3d-contextmenu-ul>li>a:hover{color:#fff;background-color:#444d59;text-decoration:none}.mars3d-contextmenu-ul>.active>a,.mars3d-contextmenu-ul>.active>a:focus,.mars3d-contextmenu-ul>.active>a:hover{color:#fff;background-color:var(--mars-hover-color,#3ea6ff);text-decoration:none}.mars3d-sub-menu{position:absolute;background-color:var(--mars-base-bg,rgba(63,72,84,.9));min-width:100px;display:none}.mars3d-sub-menu li{width:100%;box-sizing:border-box;font-size:14px;color:var(--mars-text-color,#fff);margin:0;padding:0}.mars3d-sub-menu li:hover{background-color:var(--mars-hover-color,#3ea6ff)}.mars3d-smallTooltip{display:block;position:absolute;max-width:200px;min-width:100px;padding:2px 5px;font-size:11px;z-index:20170825;opacity:.8;-khtml-opacity:0.8;-moz-opacity:0.8;pointer-events:none}.mars3d-smallTooltip-inner{padding:3px 5px;background-color:rgba(0,0,0,.8);color:#fff;text-align:left;max-width:200px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.mars3d-smallTooltip-inner p{margin:0}.mars3d-smallTooltip-arrow{position:absolute;width:0;height:0;top:50%}.mars3d-smallTooltip-leftArrow{right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000}.mars3d-smallTooltip-rightArrow{left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000}.mars3d-clockAnimate{z-index:12;position:absolute;bottom:0;left:0;height:27px;background:linear-gradient(to bottom,rgba(116,117,119,.8) 0,rgba(58,68,82,.8) 11%,rgba(46,50,56,.8) 46%,rgba(53,53,53,.8) 81%,rgba(53,53,53,.8) 100%)}.mars3d-clockAnimate .time{margin:0 4px;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mars3d-clockAnimate .mars3d-clockAnimate-btn{display:inline-block;vertical-align:middle;padding:1px 8px;border:solid 1px #888;color:var(--mars-text-color,#fff);background-color:rgba(63,72,84,.7);border:none;cursor:pointer;width:24px}.mars3d-clockAnimate .mars3d-clockAnimate-btn svg{margin-top:1px}.mars3d-clockAnimate .mars3d-clockAnimate-speed{width:80px;height:24px;border:solid 1px rgba(136,136,136,.6);padding:0 3px;margin:0;color:var(--mars-text-color,#fff);background-color:rgba(63,72,84,.7)}.mars3d-clockAnimate .mars3d-clockAnimate-speed ::-webkit-outer-spin-button,.mars3d-clockAnimate .mars3d-clockAnimate-speed input::-webkit-inner-spin-button{appearance:none!important;margin:0}.mars3d-compass{position:absolute;cursor:pointer;pointer-events:auto;user-select:none;width:55px;height:55px}.mars3d-compass .mars3d-compass-outer{position:absolute;top:0;left:0;height:55px;width:55px;background-repeat:no-repeat;background-size:contain;fill:var(--mars-base-bg,rgba(63,72,84,0.9));border-radius:50%}.mars3d-compass .mars3d-compass-outer svg{height:55px;width:55px}.mars3d-compass .mars3d-compass-inner{position:relative;top:50%;transform:translateY(-50%);height:25px;width:25px;border-radius:50%;display:block;margin:0 auto;padding:4px;box-sizing:border-box;background:var(--mars-base-bg,rgba(63,72,84,.9));fill:var(--mars-text-color,#ffffff)}.mars3d-compass .mars3d-compass-inner:hover{background:#3385ff}.mars3d-compass .mars3d-compass-rotation-arc{position:absolute;top:2px;left:2px;height:51px;width:51px;border-radius:50%;background-repeat:no-repeat;background-size:contain}.mars3d-cubeview{position:absolute;width:100px;height:100px}.mars3d-cubeview-cube{width:50%;height:50%;top:25%;transform-style:preserve-3d;margin:auto;position:relative;will-change:transform;font-family:monospace;font-weight:700}.mars3d-cubeview-cube>div{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;user-select:none;cursor:pointer;color:var(--mars-text-color,#fff);background-color:var(--mars-base-bg,rgba(63,72,84,.9));border:1px solid var(--mars-text-color,#fff)}.mars3d-cubeview-cube>div:hover{background:#3385ff}.mars3d-cubeview-side-t{transform:rotatex(90deg) translateZ(25px)}.mars3d-cubeview-side-w{transform:rotateY(-90deg) translateZ(25px);border-right:2px solid #00f!important;border-bottom:2px solid green!important}.mars3d-cubeview-side-s{border-left:2px solid #00f!important;border-bottom:2px solid red!important;transform:translateZ(25px)}.mars3d-cubeview-side-e{transform:rotateY(90deg) translateZ(25px)}.mars3d-cubeview-side-n{transform:rotateY(180deg) translateZ(25px)}.mars3d-cubeview-side-b{transform:rotateX(-90deg) translateZ(25px);border-top:2px solid red!important;border-left:2px solid green!important}.mars3d-distance-legend{z-index:11;position:absolute;width:125px;height:25px;pointer-events:none;user-select:none}.mars3d-distance-legend .legend-label{font-size:13px;color:#fff;text-align:center;width:100%}.mars3d-distance-legend .legend-scale-bar{position:absolute;height:10px;top:10px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff}.mars3d-locationbar{z-index:10;position:absolute;padding:3px 10px;font-size:13px;color:#e9e9e9;background-color:rgba(0,0,0,.4);min-height:26px;pointer-events:none}.mars3d-locationbar-content{float:right}.mars3d-locationbar-content>div{float:left;margin-right:20px}.cesium-performanceDisplay-fps,.cesium-performanceDisplay-ms{min-width:65px}@media screen and (max-width:1200px){.mars3d-locationbar-content>div{margin-right:15px}}@media screen and (max-width:1000px){.cesium-performanceDisplay-fps,.cesium-performanceDisplay-ms,.mars3d-locationbar-content>.hide1000{display:none!important}.mars3d-locationbar-content>div{margin-right:10px}}@media screen and (max-width:700px){.mars3d-locationbar-content>.hide700{display:none!important}}@media screen and (max-width:600px){.mars3d-locationbar{display:none!important}}.mars3d-slider{position:absolute;left:50%;top:0;background-color:#d3d3d3;width:3px;height:100%;z-index:9999}.mars3d-slider .slider-splitter{position:absolute;left:-15px;top:calc(50% - 15px);width:30px;height:30px;background:#f0eeee;border-radius:50%;text-align:center;line-height:40px;padding:2px;border:1px solid #d3d3d3;z-index:99999}.mars3d-slider .slider-splitter:hover{cursor:ew-resize}.mars3d-mapCompare{position:absolute;right:0;top:0;bottom:0;width:50%;height:100%;margin:0;padding:0}.mars3d-mousedownview{position:absolute;top:0;left:0;width:40px;height:40px;margin-top:-23px;margin-left:-23px;pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:visibility 0s .2s,opacity .2s ease-in;-moz-transition:visibility 0s .2s,opacity .2s ease-in;transition:visibility 0s .2s,opacity .2s ease-in}.mars3d-mousedownview-img{width:36px;height:36px;background-image:url(./img/cursor.png);background-size:100% 100%}.mars3d-mousedownview-show{visibility:visible;opacity:1;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.mars3d-overviewMap{position:absolute;user-select:none;width:200px;height:150px;overflow:hidden;border:1px solid orange;box-shadow:2px 2px 3px #2b2b2b}.mars3d-subtitles{position:absolute;user-select:none;overflow:hidden;padding:10px;font-size:30px;font-weight:700;letter-spacing:2px;text-align:center;z-index:999}.mar3d-toolButton div,.mar3d-toolButton img,.mar3d-toolButton svg{height:100%;text-align:center}.mars3d-divGraphic{position:absolute;left:0;top:0}.mars3d-divGraphic:hover{z-index:9999!important}.mars3d-divGraphic-edit{background-color:rgba(254,87,161,.1);border:2px dashed rgba(172,85,59,.768);-webkit-border-radius:2px;border-radius:2px;margin:-2px;box-sizing:content-box}.mars3d-divBoderLabel{position:absolute;left:0;bottom:0;cursor:pointer;--animation-name:mars3d-divBoderLabel-animation;--text-left-position:-75px}@keyframes mars3d-divBoderLabel-animation{0%,100%{clip:rect(0,var(--clip-width-1),2px,0)}25%{clip:rect(0,2px,var(--clip-height-1),0)}50%{clip:rect(var(--clip-height-2),var(--clip-width-1),var(--clip-width-1),0)}75%{clip:rect(0,var(--clip-width-1),var(--clip-height-1),var(--clip-width-2))}}.mars3d-divBoderLabel-boder{width:var(--boder-width);height:var(--boder-height);margin:auto;color:var(--border-color);box-shadow:inset 0 0 0 1px var(--box-shadow-color)}.mars3d-divBoderLabel-text{color:var(--text-color);font-size:var(--text-font-size);display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-weight:bolder;user-select:none;cursor:pointer}.mars3d-divBoderLabel-boder,.mars3d-divBoderLabel-boder::after,.mars3d-divBoderLabel-boder::before{position:absolute;top:0;bottom:0;left:0;right:0}.mars3d-divBoderLabel-boder::after,.mars3d-divBoderLabel-boder::before{content:"";margin:-5%;box-shadow:inset 0 0 0 2px;animation:var(--animation-name) 8s linear infinite}.mars3d-divBoderLabel-boder::before{animation-delay:-4s}.mars3d-animation-point,.mars3d-animation-point p,.mars3d-animation-point p:after,.mars3d-animation-point p:before,.mars3d-animation-point:after,.mars3d-animation-point:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.mars3d-animation-point{width:10px;height:10px;border-radius:50%;border:1px solid hsla(0,0%,100%,.5);cursor:pointer;color:#0ff;background:currentColor;z-index:3;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 2em currentColor,0 0 .5em currentColor;position:absolute}.mars3d-animation-point .mars3d-animation-point-lbl{position:absolute;transform:translate(-50%,-120%);left:50%;font-size:16px;width:fit-content;white-space:nowrap}.mars3d-animation-point p{position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:mars3d-animation-point-mapAni 2s ease infinite;-moz-animation:mars3d-animation-point-mapAni 2s ease infinite;-o-animation:mars3d-animation-point-mapAni 2s ease infinite;-ms-animation:mars3d-animation-point-mapAni 2s ease infinite;animation:mars3d-animation-point-mapAni 2s ease infinite}.mars3d-animation-point .mapError{color:red}.mars3d-animation-point .mapWarn{color:#b5a603}.mars3d-animation-point .mapSuccess{color:#239233}.mars3d-animation-point .mapOrange{color:#8c4d34}.mars3d-animation-point p:after,.mars3d-animation-point p:before,.mars3d-animation-point:after,.mars3d-animation-point:before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;border-radius:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mars3d-animation-point:after,.mars3d-animation-point:before{border:1px solid;-webkit-animation:mars3d-animation-point-mapAni 1s ease infinite;-moz-animation:mars3d-animation-point-mapAni 1s ease infinite;-o-animation:mars3d-animation-point-mapAni 1s ease infinite;-ms-animation:mars3d-animation-point-mapAni 1s ease infinite;animation:mars3d-animation-point-mapAni 1s ease infinite}.mars3d-animation-point p:before{border:1px solid}@-webkit-keyframes mars3d-animation-point-mapAni{0%{width:0;height:0;opacity:1}25%{width:120%;height:120%;opacity:.7}50%{width:200%;height:200%;opacity:.5}75%{width:300%;height:300%;opacity:.2}to{width:400%;height:400%;opacity:0}}@-moz-keyframes mars3d-animation-point-mapAni{0%{width:0;height:0;opacity:1}25%{width:120%;height:120%;opacity:.7}50%{width:200%;height:200%;opacity:.5}75%{width:300%;height:300%;opacity:.2}to{width:400%;height:400%;opacity:0}}@-o-keyframes mars3d-animation-point-mapAni{0%{width:0;height:0;opacity:1}25%{width:120%;height:120%;opacity:.7}50%{width:200%;height:200%;opacity:.5}75%{width:300%;height:300%;opacity:.2}to{width:400%;height:400%;opacity:0}}@-ms-keyframes mars3d-animation-point-mapAni{0%{width:0;height:0;opacity:1}25%{width:120%;height:120%;opacity:.7}50%{width:200%;height:200%;opacity:.5}75%{width:300%;height:300%;opacity:.2}to{width:400%;height:400%;opacity:0}}@keyframes mars3d-animation-point-mapAni{0%{width:0;height:0;opacity:1}25%{width:120%;height:120%;opacity:.7}50%{width:200%;height:200%;opacity:.5}75%{width:300%;height:300%;opacity:.2}to{width:400%;height:400%;opacity:0}}.mars3d-divUpLabel{text-align:center;background:0 0;color:#fff;display:block;box-sizing:border-box;animation-duration:1s;animation-fill-mode:both;animation-name:mars3d-divUpLabel-tinUpIn}.mars3d-divUpLabel-text{writing-mode:vertical-lr;font-size:16px;letter-spacing:4px}.mars3d-divUpLabel-line{display:block;height:100px;width:1.5px;margin-left:calc(50% - 1px);margin-top:3px;background-color:#fff}@keyframes mars3d-divUpLabel-tinUpIn{0%{opacity:0;transform:scale(1,1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1,1.1) translateY(0)}100%,60%,80%{opacity:1;transform:scale(1,1) translateY(0)}}.mars3d-popup{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.mars3d-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;text-align:center;width:20px;height:20px;font:16px/14px Tahoma,Verdana,sans-serif;text-decoration:none;font-weight:700;background:0 0;z-index:20170825;cursor:pointer}.mars3d-popup-content-wrapper{text-align:center;box-shadow:0 3px 14px rgba(0,0,0,.4);padding:1px;text-align:left;border-radius:3px}.mars3d-popup-content{margin:10px;font-size:13px;max-width:700px;min-width:50px;max-height:550px;overflow-y:auto}.mars3d-popup-tip-container{margin:0 auto;width:40px;height:17px;position:relative;overflow:hidden}.mars3d-popup-tip{box-shadow:0 3px 14px rgba(0,0,0,.4);width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.mars3d-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.mars3d-popup-color{color:var(--mars-text-color,#fff)}.mars3d-popup-background{background:var(--mars-base-bg,rgba(63,72,84,.9))}.mars3d-popup-animation{animation-duration:.3s;animation-fill-mode:both;animation-name:mars3d-popup-swashIn}@keyframes mars3d-popup-swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9,.9)}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1)}}.mars3d-popup-btn{padding:3px 10px;border:1px solid #209ffd;background:#209ffd1c}.mars3d-template-title{height:33px;line-height:33px;padding:0 10px 0 10px;font-size:16px;color:var(--mars-text-color,#fff);border-bottom:1px solid var(--mars-hover-color,#3ea6ff);overflow:hidden}.mars3d-template-title a{color:var(--mars-msg-title-color,#479be0);text-decoration:none}.mars3d-template-content{min-width:150px;margin-top:0;padding:10px;color:var(--mars-text-color,#fff);font-size:14px;max-height:490px;overflow-y:auto}.mars3d-template-content>div{margin-top:5px}.mars3d-template-content label{margin:0 10px;padding-right:6px;min-width:55px;float:left}.mars3d-template-content input{color:var(--mars-text-color,#fff);background-color:transparent;padding:4px 5px;border-width:1px;border-style:solid}.mars3d-template-content input::placeholder{color:#cdcdcd}.mars3d-template-content textarea{color:var(--mars-text-color,#fff);background-color:transparent;padding:4px 5px;border-width:1px;border-style:solid;height:60px;resize:none}.mars3d-template-content textarea::placeholder{color:#cdcdcd}.mars3d-popup-iframe{overflow:auto;margin:0}.mars3d-tooltip{padding:6px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 1px 3px rgba(0,0,0,.4);max-width:700px;min-width:50px;max-height:550px;color:var(--mars-text-color,#fff);background:var(--mars-base-bg,rgba(63,72,84,.9));border:1px solid var(--mars-base-bg,rgba(63,72,84,.9))}.mars3d-tooltip-bottom:before,.mars3d-tooltip-left:before,.mars3d-tooltip-right:before,.mars3d-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:0 0;content:""}.mars3d-tooltip-top:before{border-top-color:var(--mars-base-bg,rgba(23,49,71,.8))}.mars3d-tooltip-bottom:before{border-bottom-color:var(--mars-base-bg,rgba(23,49,71,.8))}.mars3d-tooltip-left:before{border-left-color:var(--mars-base-bg,rgba(23,49,71,.8))}.mars3d-tooltip-right:before{border-right-color:var(--mars-base-bg,rgba(23,49,71,.8))}.mars3d-tooltip-bottom{margin-top:6px}.mars3d-tooltip-top{margin-top:-6px}.mars3d-tooltip-bottom:before,.mars3d-tooltip-top:before{left:50%;margin-left:-6px}.mars3d-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:var(--mars-base-bg,rgba(63,72,84,.9))}.mars3d-tooltip-bottom:before{top:0;margin-top:-6px;margin-left:-6px;border-bottom-color:var(--mars-base-bg,rgba(63,72,84,.9))}.mars3d-tooltip-left{margin-left:-6px}.mars3d-tooltip-right{margin-left:6px}.mars3d-tooltip-left:before,.mars3d-tooltip-right:before{top:50%;margin-top:-6px}.mars3d-tooltip-left:before{right:0;margin-right:-12px;border-left-color:var(--mars-base-bg,rgba(63,72,84,.9))}.mars3d-tooltip-right:before{left:0;margin-left:-6px;border-right-color:var(--mars-base-bg,rgba(63,72,84,.9))}.mars3d-divlayer-camera{backface-visibility:hidden}.cesium-infoBox{background:var(--mars-base-bg,rgba(63,72,84,.9))}.cesium-infoBox-title{background-color:rgba(23,49,71,.8)}.cesium-performanceDisplay-defaultContainer .cesium-performanceDisplay-fps,.cesium-performanceDisplay-defaultContainer .cesium-performanceDisplay-ms{color:#fff}.cesium-cesiumInspector{background-color:var(--mars-base-bg,rgba(63,72,84,.9))}.cesium-viewer-animationContainer{z-index:12}.cesium-viewer-toolbar .cesium-button{background-color:var(--mars-base-bg,rgba(63,72,84,.9));border-radius:2px;border-width:1px;color:var(--mars-text-color,#fff);fill:#e6e6e6;line-height:32px;text-align:center;cursor:pointer}.cesium-viewer-toolbar .cesium-button:hover{background-color:#3385ff;box-shadow:none;border:none}.cesium-viewer-toolbar .cesium-button .cesium-svgPath-svg,.cesium-viewer-toolbar .cesium-button div,.cesium-viewer-toolbar .cesium-button img,.cesium-viewer-toolbar .cesium-button svg{scale:0.8;height:100%;max-width:100%;max-height:100%;text-align:center}.cesium-viewer-toolbar .cesium-button .cesium-svgPath-svg:hover,.cesium-viewer-toolbar .cesium-button div:hover,.cesium-viewer-toolbar .cesium-button img:hover,.cesium-viewer-toolbar .cesium-button svg:hover{scale:0.9}.cesium-viewer-toolbar .cesium-baseLayerPicker-dropDown{background-color:var(--mars-base-bg,rgba(63,72,84,.9));max-height:700px;z-index:99}.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button,.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-help-instructions{background:0 0}.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-selected,.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-help{background-color:var(--mars-base-bg,rgba(63,72,84,.9))}.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-unselected{background-color:rgba(105,105,105,.75)}.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-unselected:hover{background-color:var(--mars-base-bg,rgba(76,76,76,.75))}.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-input{background-color:rgba(63,72,84,.7);border-width:1px}.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus{background-color:var(--mars-base-bg,rgba(63,72,84,.9))}.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .search-results{z-index:99;background-color:rgba(23,49,71,.8)}.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-searchButton{background-color:var(--mars-base-bg,rgba(63,72,84,.9));border-radius:2px;border-width:1px;fill:#e6e6e6}.cesium-viewer-toolbar-top-left{top:10px;bottom:auto!important;left:10px;right:auto!important}.cesium-viewer-toolbar-top-left .cesium-navigationHelpButton-wrapper .cesium-navigation-help{left:40px;transform-origin:left top}.cesium-viewer-toolbar-top-left .cesium-baseLayerPicker-dropDown{left:10px}.cesium-viewer-toolbar-left-top{top:10px;bottom:auto!important;left:10px;right:auto!important}.cesium-viewer-toolbar-left-top .cesium-navigationHelpButton-wrapper,.cesium-viewer-toolbar-left-top .cesium-viewer-geocoderContainer,.cesium-viewer-toolbar-left-top>.cesium-toolbar-button{float:left;clear:both;margin-bottom:5px}.cesium-viewer-toolbar-left-top .cesium-baseLayerPicker-dropDown{left:40px;margin-bottom:5px}.cesium-viewer-toolbar-left-top .cesium-navigationHelpButton-wrapper .cesium-navigation-help{top:0;left:40px;transform-origin:left top}.cesium-viewer-toolbar-left-top .cesium-sceneModePicker-wrapper{width:auto}.cesium-viewer-toolbar-left-top .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon{float:right;margin:0 3px}.cesium-viewer-toolbar-left-top .cesium-viewer-geocoderContainer .search-results{left:0;right:40px;width:auto}.cesium-viewer-toolbar-left-bottom{top:auto!important;bottom:60px;left:10px;right:auto!important}.cesium-viewer-toolbar-left-bottom .cesium-navigationHelpButton-wrapper,.cesium-viewer-toolbar-left-bottom .cesium-viewer-geocoderContainer,.cesium-viewer-toolbar-left-bottom>.cesium-toolbar-button{float:left;clear:both;margin-bottom:5px}.cesium-viewer-toolbar-left-bottom .cesium-baseLayerPicker-dropDown{bottom:0;left:40px;margin-bottom:5px}.cesium-viewer-toolbar-left-bottom .cesium-navigationHelpButton-wrapper .cesium-navigation-help{top:auto;bottom:0;left:40px;transform-origin:left bottom}.cesium-viewer-toolbar-left-bottom .cesium-sceneModePicker-wrapper{width:auto}.cesium-viewer-toolbar-left-bottom .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon{float:right;margin:0 3px}.cesium-viewer-toolbar-left-bottom .cesium-viewer-geocoderContainer .search-results{left:0;right:40px;width:auto}.cesium-viewer-toolbar-right-top{top:10px;bottom:auto!important;right:10px;left:auto!important}.cesium-viewer-toolbar-right-top .cesium-navigationHelpButton-wrapper,.cesium-viewer-toolbar-right-top .cesium-viewer-geocoderContainer,.cesium-viewer-toolbar-right-top>.cesium-toolbar-button{float:right;clear:both;margin-bottom:5px}.cesium-viewer-toolbar-right-top .cesium-baseLayerPicker-dropDown{right:40px;margin-bottom:5px}.cesium-viewer-toolbar-right-top .cesium-navigationHelpButton-wrapper .cesium-navigation-help{top:0;bottom:auto;right:40px;transform-origin:right top}.cesium-viewer-toolbar-right-top .cesium-sceneModePicker-wrapper{width:auto}.cesium-viewer-toolbar-right-top .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon{float:left;margin:0 3px}.cesium-viewer-toolbar-right-top .cesium-viewer-geocoderContainer .search-results{right:0;left:40px;width:auto}.cesium-viewer-toolbar-right-bottom{top:auto!important;bottom:60px;right:10px;left:auto!important}.cesium-viewer-toolbar-right-bottom .cesium-navigationHelpButton-wrapper,.cesium-viewer-toolbar-right-bottom .cesium-viewer-geocoderContainer,.cesium-viewer-toolbar-right-bottom>.cesium-toolbar-button{float:right;clear:both;margin-bottom:5px}.cesium-viewer-toolbar-right-bottom .cesium-baseLayerPicker-dropDown{bottom:0;right:40px;margin-bottom:5px}.cesium-viewer-toolbar-right-bottom .cesium-navigationHelpButton-wrapper .cesium-navigation-help{top:auto;bottom:0;right:40px;transform-origin:right bottom}.cesium-viewer-toolbar-right-bottom .cesium-sceneModePicker-wrapper{width:auto}.cesium-viewer-toolbar-right-bottom .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon{float:left;margin:0 3px}.cesium-viewer-toolbar-right-bottom .cesium-viewer-geocoderContainer .search-results{right:0;left:40px;width:auto}