@vtx/map 1.2.29 → 6.0.0-beta.1

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 (88) hide show
  1. package/README.md +44 -44
  2. package/lib/VtxMap/AMap/AMap.js +359 -355
  3. package/lib/VtxMap/BMap/Map.js +331 -330
  4. package/lib/VtxMap/BMap/Map1.js +1712 -0
  5. package/lib/VtxMap/GMap/Map.js +432 -427
  6. package/lib/VtxMap/Map.js +31 -27
  7. package/lib/VtxMap/MapToolFunction.js +6 -7
  8. package/lib/VtxMap/OMap/Map.js +410 -405
  9. package/lib/VtxMap/OMap/Map.less +70 -70
  10. package/lib/VtxMap/OlMap/Map.js +450 -440
  11. package/lib/VtxMap/OlMap/Map.less +230 -230
  12. package/lib/VtxMap/TMap/TMap.js +321 -318
  13. package/lib/VtxMap/index.js +10 -11
  14. package/lib/VtxMap/mapPlayer.js +15 -16
  15. package/lib/VtxMap/optimizingPointMap.js +35 -33
  16. package/lib/VtxMap/style/index.js +1 -2
  17. package/lib/VtxMap/zoomMap.js +24 -23
  18. package/lib/VtxModal/VtxModal.js +94 -82
  19. package/lib/VtxModal/VtxModal.less +83 -52
  20. package/lib/VtxModal/draggableModal.js +35 -33
  21. package/lib/VtxModal/index.js +6 -7
  22. package/lib/VtxModal/style/index.js +1 -15
  23. package/lib/VtxSearchCheckMap/VtxSearchCheckMap.js +265 -244
  24. package/lib/VtxSearchCheckMap/VtxSearchCheckMap.less +69 -43
  25. package/lib/VtxSearchCheckMap/index.js +4 -9
  26. package/lib/VtxSearchCheckMap/mapping.js +1 -2
  27. package/lib/VtxSearchCheckMap/style/index.js +5 -11
  28. package/lib/VtxSearchMap/VtxSearchMap.js +326 -288
  29. package/lib/VtxSearchMap/VtxSearchMap.less +74 -47
  30. package/lib/VtxSearchMap/VtxSearchMapAntd3.less +1 -1
  31. package/lib/VtxSearchMap/index.js +4 -9
  32. package/lib/VtxSearchMap/mapping.js +1 -2
  33. package/lib/VtxSearchMap/style/index.js +1 -28
  34. package/lib/default.js +44 -20
  35. package/lib/index.js +30 -31
  36. package/lib/utils/util.js +3 -4
  37. package/package.json +19 -27
  38. package/lib/VtxMap/AMap/AMap.css +0 -27
  39. package/lib/VtxMap/AMap/AMap.js.map +0 -1
  40. package/lib/VtxMap/BMap/Map.css +0 -26
  41. package/lib/VtxMap/BMap/Map.js.map +0 -1
  42. package/lib/VtxMap/GMap/Map.css +0 -88
  43. package/lib/VtxMap/GMap/Map.js.map +0 -1
  44. package/lib/VtxMap/Map.css +0 -7
  45. package/lib/VtxMap/Map.js.map +0 -1
  46. package/lib/VtxMap/MapToolFunction.js.map +0 -1
  47. package/lib/VtxMap/OMap/Map.css +0 -76
  48. package/lib/VtxMap/OMap/Map.js.map +0 -1
  49. package/lib/VtxMap/OlMap/Map.css +0 -229
  50. package/lib/VtxMap/OlMap/Map.js.map +0 -1
  51. package/lib/VtxMap/TMap/TMap.css +0 -31
  52. package/lib/VtxMap/TMap/TMap.js.map +0 -1
  53. package/lib/VtxMap/index.js.map +0 -1
  54. package/lib/VtxMap/mapPlayer.js.map +0 -1
  55. package/lib/VtxMap/optimizingPointMap.js.map +0 -1
  56. package/lib/VtxMap/style/css.js +0 -10
  57. package/lib/VtxMap/style/css.js.map +0 -1
  58. package/lib/VtxMap/style/index.js.map +0 -1
  59. package/lib/VtxMap/zoomMap.js.map +0 -1
  60. package/lib/VtxModal/VtxModal.css +0 -62
  61. package/lib/VtxModal/VtxModal.js.map +0 -1
  62. package/lib/VtxModal/VtxModalAntd3.css +0 -62
  63. package/lib/VtxModal/VtxModalAntd3.less +0 -67
  64. package/lib/VtxModal/draggableModal.js.map +0 -1
  65. package/lib/VtxModal/index.js.map +0 -1
  66. package/lib/VtxModal/style/css.js +0 -15
  67. package/lib/VtxModal/style/css.js.map +0 -1
  68. package/lib/VtxModal/style/index.js.map +0 -1
  69. package/lib/VtxSearchCheckMap/VtxSearchCheckMap.css +0 -182
  70. package/lib/VtxSearchCheckMap/VtxSearchCheckMap.js.map +0 -1
  71. package/lib/VtxSearchCheckMap/VtxSearchCheckMapAntd3.css +0 -0
  72. package/lib/VtxSearchCheckMap/VtxSearchCheckMapAntd3.less +0 -1
  73. package/lib/VtxSearchCheckMap/index.js.map +0 -1
  74. package/lib/VtxSearchCheckMap/mapping.js.map +0 -1
  75. package/lib/VtxSearchCheckMap/style/css.js +0 -28
  76. package/lib/VtxSearchCheckMap/style/css.js.map +0 -1
  77. package/lib/VtxSearchCheckMap/style/index.js.map +0 -1
  78. package/lib/VtxSearchMap/VtxSearchMap.css +0 -202
  79. package/lib/VtxSearchMap/VtxSearchMap.js.map +0 -1
  80. package/lib/VtxSearchMap/VtxSearchMapAntd3.css +0 -0
  81. package/lib/VtxSearchMap/index.js.map +0 -1
  82. package/lib/VtxSearchMap/mapping.js.map +0 -1
  83. package/lib/VtxSearchMap/style/css.js +0 -28
  84. package/lib/VtxSearchMap/style/css.js.map +0 -1
  85. package/lib/VtxSearchMap/style/index.js.map +0 -1
  86. package/lib/default.js.map +0 -1
  87. package/lib/index.js.map +0 -1
  88. package/lib/utils/util.js.map +0 -1
package/lib/VtxMap/OlMap/Map.less CHANGED
@@ -1,231 +1,231 @@
1
- .map{
2
- width: 100%;
3
- height: 100%;
4
- background-color: #f1f1f1;
5
- }
6
- .vtx_gmap_html_points,.vtx_gmap_html_pointCollection{
7
- position: absolute;
8
- top: 0px;
9
- left: 0px;
10
- }
11
- .esriSimpleSlider{
12
- z-index: 10000000 !important;
13
- }
14
- .label-content{
15
- /*margin-left: 0;
16
- width: 100px;
17
- line-height: 25px;
18
- text-align: center;
19
- position: relative;
20
- left: -43px;
21
- background-color: #fff;
22
- opacity: 1;
23
- border-radius: 5px;
24
- color: #5DD0EE;
25
- word-break: break-all;
26
- white-space: normal;
27
- padding: 2px 8px;*/
28
- display: inline-block;
29
- padding: 5px;
30
- line-height: 22px;
31
- text-align: center;
32
- border-radius: 5px;
33
- background-color: #fff;
34
- opacity: 1;
35
- color: #5DD0EE;
36
- }
37
- .vtx-g-rangingPoint{
38
- width: 7px;
39
- height: 7px;
40
- background-color: #fff;
41
- border: 2px solid #ff0000;
42
- display: inline-block;
43
- border-radius: 7px;
44
- }
45
- .vtx-g-rangingDistance{
46
- position: relative;
47
- top: -36px;
48
- left: 15px;
49
- height: 30px;
50
- line-height: 28px;
51
- background-color: #fff;
52
- border: 1px solid #ff0000;
53
- font-size: 12px;
54
- word-break: keep-all;
55
- padding: 0px 3px;
56
- }
57
- .vtx-g-rang-exit{
58
- width: 9px;
59
- height: 9px;
60
- background-color: #fff;
61
- border: 2px solid #ff0000;
62
- color: #ff0000;
63
- line-height: 7px;
64
- text-align: center;
65
- font-size: 12px;
66
- cursor: pointer;
67
- }
68
- .vtx-g-rang-showRangTool{
69
- line-height: 18px;
70
- font-size: 12px;
71
- border: 1px solid #ff0000;
72
- word-break: keep-all;
73
- background-color: #fff;
74
- padding: 0px 5px;
75
- }
76
- .zoom_slider_show_scale{
77
- padding: 1px 8px;
78
- font-size: 12px;
79
- text-align: center;
80
- }
81
- .zoom_slider_show_bottom{
82
- width: 100%;
83
- height: 3px;
84
- border: 1px solid #000;
85
- border-bottom: 3px solid #000;
86
- border-top: 0px;
87
- }
88
- .ol-tooltip {
89
- position: relative;
90
- background: rgba(0, 0, 0, 0.5);
91
- border-radius: 4px;
92
- color: white;
93
- padding: 4px 8px;
94
- opacity: 0.7;
95
- white-space: nowrap;
96
- font-size: 12px;
97
- cursor: default;
98
- user-select: none;
99
- }
100
- .ol-tooltip-measure {
101
- opacity: 1;
102
- font-weight: bold;
103
- }
104
- .ol-tooltip-static {
105
- background-color: #ffcc33;
106
- color: black;
107
- border: 1px solid white;
108
- }
109
- .ol-tooltip-measure:before,
110
- .ol-tooltip-static:before {
111
- border-top: 6px solid rgba(0, 0, 0, 0.5);
112
- border-right: 6px solid transparent;
113
- border-left: 6px solid transparent;
114
- content: "";
115
- position: absolute;
116
- bottom: -6px;
117
- margin-left: -7px;
118
- left: 50%;
119
- }
120
- .ol-tooltip-static:before {
121
- border-top-color: #ffcc33;
122
- }
123
-
124
- // 核心就是绝对定位
125
- .ol-popup {
126
- position: absolute;
127
- background-color: white;
128
- box-shadow: 0 1px 4px rgba(0,0,0,0.2);
129
- padding: 15px;
130
- border-radius: 10px;
131
- border: 1px solid #cccccc;
132
- bottom: 12px;
133
- left: -50px;
134
- min-width: 280px;
135
- }
136
- .ol-popup:after, .ol-popup:before {
137
- top: 100%;
138
- border: solid transparent;
139
- content: " ";
140
- height: 0;
141
- width: 0;
142
- position: absolute;
143
- pointer-events: none;
144
- }
145
- .ol-popup:after {
146
- border-top-color: white;
147
- border-width: 10px;
148
- left: 48px;
149
- margin-left: -10px;
150
- }
151
- .ol-popup:before {
152
- border-top-color: #cccccc;
153
- border-width: 11px;
154
- left: 48px;
155
- margin-left: -11px;
156
- }
157
- .ol-popup-closer {
158
- text-decoration: none;
159
- position: absolute;
160
- top: 2px;
161
- right: 8px;
162
- }
163
- .ol-popup-closer:after {
164
- content: "✖";
165
- }
166
-
167
- .ol-scale-line{
168
- background-color: transparent;
169
- width: 113px;
170
- height: 30px;
171
- border-left: 1px solid #000;
172
- border-right: 1px solid #000;
173
- border-bottom: 1px solid #000;
174
- position: absolute !important;
175
- bottom: 20px !important;
176
- right: 20px !important;
177
- text-align: center;
178
- }
179
-
180
- // 左上
181
- .ol-scale-line-tl{
182
- position: absolute;
183
- top: 20px;
184
- left: 20px;
185
- background-color: transparent;
186
- width: 113px;
187
- height: 30px;
188
- border-left: 1px solid #000;
189
- border-right: 1px solid #000;
190
- border-bottom: 1px solid #000;
191
- text-align: center;
192
- }
193
- // 左下
194
- .ol-scale-line-bl{
195
- position: absolute;
196
- bottom: 20px;
197
- left: 20px;
198
- background-color: transparent;
199
- width: 113px;
200
- height: 30px;
201
- border-left: 1px solid #000;
202
- border-right: 1px solid #000;
203
- border-bottom: 1px solid #000;
204
- text-align: center;
205
- }
206
- // 右上
207
- .ol-scale-line-tr{
208
- position: absolute;
209
- top: 20px;
210
- right: 20px;
211
- background-color: transparent;
212
- width: 113px;
213
- height: 30px;
214
- border-left: 1px solid #000;
215
- border-right: 1px solid #000;
216
- border-bottom: 1px solid #000;
217
- text-align: center;
218
- }
219
- // 右下
220
- .ol-scale-line-bl{
221
- position: absolute;
222
- bottom: 20px;
223
- right: 20px;
224
- background-color: transparent;
225
- width: 113px;
226
- height: 30px;
227
- border-left: 1px solid #000;
228
- border-right: 1px solid #000;
229
- border-bottom: 1px solid #000;
230
- text-align: center;
1
+ .map{
2
+ width: 100%;
3
+ height: 100%;
4
+ background-color: #f1f1f1;
5
+ }
6
+ .vtx_gmap_html_points,.vtx_gmap_html_pointCollection{
7
+ position: absolute;
8
+ top: 0px;
9
+ left: 0px;
10
+ }
11
+ .esriSimpleSlider{
12
+ z-index: 10000000 !important;
13
+ }
14
+ .label-content{
15
+ /*margin-left: 0;
16
+ width: 100px;
17
+ line-height: 25px;
18
+ text-align: center;
19
+ position: relative;
20
+ left: -43px;
21
+ background-color: #fff;
22
+ opacity: 1;
23
+ border-radius: 5px;
24
+ color: #5DD0EE;
25
+ word-break: break-all;
26
+ white-space: normal;
27
+ padding: 2px 8px;*/
28
+ display: inline-block;
29
+ padding: 5px;
30
+ line-height: 22px;
31
+ text-align: center;
32
+ border-radius: 5px;
33
+ background-color: #fff;
34
+ opacity: 1;
35
+ color: #5DD0EE;
36
+ }
37
+ .vtx-g-rangingPoint{
38
+ width: 7px;
39
+ height: 7px;
40
+ background-color: #fff;
41
+ border: 2px solid #ff0000;
42
+ display: inline-block;
43
+ border-radius: 7px;
44
+ }
45
+ .vtx-g-rangingDistance{
46
+ position: relative;
47
+ top: -36px;
48
+ left: 15px;
49
+ height: 30px;
50
+ line-height: 28px;
51
+ background-color: #fff;
52
+ border: 1px solid #ff0000;
53
+ font-size: 12px;
54
+ word-break: keep-all;
55
+ padding: 0px 3px;
56
+ }
57
+ .vtx-g-rang-exit{
58
+ width: 9px;
59
+ height: 9px;
60
+ background-color: #fff;
61
+ border: 2px solid #ff0000;
62
+ color: #ff0000;
63
+ line-height: 7px;
64
+ text-align: center;
65
+ font-size: 12px;
66
+ cursor: pointer;
67
+ }
68
+ .vtx-g-rang-showRangTool{
69
+ line-height: 18px;
70
+ font-size: 12px;
71
+ border: 1px solid #ff0000;
72
+ word-break: keep-all;
73
+ background-color: #fff;
74
+ padding: 0px 5px;
75
+ }
76
+ .zoom_slider_show_scale{
77
+ padding: 1px 8px;
78
+ font-size: 12px;
79
+ text-align: center;
80
+ }
81
+ .zoom_slider_show_bottom{
82
+ width: 100%;
83
+ height: 3px;
84
+ border: 1px solid #000;
85
+ border-bottom: 3px solid #000;
86
+ border-top: 0px;
87
+ }
88
+ .ol-tooltip {
89
+ position: relative;
90
+ background: rgba(0, 0, 0, 0.5);
91
+ border-radius: 4px;
92
+ color: white;
93
+ padding: 4px 8px;
94
+ opacity: 0.7;
95
+ white-space: nowrap;
96
+ font-size: 12px;
97
+ cursor: default;
98
+ user-select: none;
99
+ }
100
+ .ol-tooltip-measure {
101
+ opacity: 1;
102
+ font-weight: bold;
103
+ }
104
+ .ol-tooltip-static {
105
+ background-color: #ffcc33;
106
+ color: black;
107
+ border: 1px solid white;
108
+ }
109
+ .ol-tooltip-measure:before,
110
+ .ol-tooltip-static:before {
111
+ border-top: 6px solid rgba(0, 0, 0, 0.5);
112
+ border-right: 6px solid transparent;
113
+ border-left: 6px solid transparent;
114
+ content: "";
115
+ position: absolute;
116
+ bottom: -6px;
117
+ margin-left: -7px;
118
+ left: 50%;
119
+ }
120
+ .ol-tooltip-static:before {
121
+ border-top-color: #ffcc33;
122
+ }
123
+
124
+ // 核心就是绝对定位
125
+ .ol-popup {
126
+ position: absolute;
127
+ background-color: white;
128
+ box-shadow: 0 1px 4px rgba(0,0,0,0.2);
129
+ padding: 15px;
130
+ border-radius: 10px;
131
+ border: 1px solid #cccccc;
132
+ bottom: 12px;
133
+ left: -50px;
134
+ min-width: 280px;
135
+ }
136
+ .ol-popup:after, .ol-popup:before {
137
+ top: 100%;
138
+ border: solid transparent;
139
+ content: " ";
140
+ height: 0;
141
+ width: 0;
142
+ position: absolute;
143
+ pointer-events: none;
144
+ }
145
+ .ol-popup:after {
146
+ border-top-color: white;
147
+ border-width: 10px;
148
+ left: 48px;
149
+ margin-left: -10px;
150
+ }
151
+ .ol-popup:before {
152
+ border-top-color: #cccccc;
153
+ border-width: 11px;
154
+ left: 48px;
155
+ margin-left: -11px;
156
+ }
157
+ .ol-popup-closer {
158
+ text-decoration: none;
159
+ position: absolute;
160
+ top: 2px;
161
+ right: 8px;
162
+ }
163
+ .ol-popup-closer:after {
164
+ content: "✖";
165
+ }
166
+
167
+ .ol-scale-line{
168
+ background-color: transparent;
169
+ width: 113px;
170
+ height: 30px;
171
+ border-left: 1px solid #000;
172
+ border-right: 1px solid #000;
173
+ border-bottom: 1px solid #000;
174
+ position: absolute !important;
175
+ bottom: 20px !important;
176
+ right: 20px !important;
177
+ text-align: center;
178
+ }
179
+
180
+ // 左上
181
+ .ol-scale-line-tl{
182
+ position: absolute;
183
+ top: 20px;
184
+ left: 20px;
185
+ background-color: transparent;
186
+ width: 113px;
187
+ height: 30px;
188
+ border-left: 1px solid #000;
189
+ border-right: 1px solid #000;
190
+ border-bottom: 1px solid #000;
191
+ text-align: center;
192
+ }
193
+ // 左下
194
+ .ol-scale-line-bl{
195
+ position: absolute;
196
+ bottom: 20px;
197
+ left: 20px;
198
+ background-color: transparent;
199
+ width: 113px;
200
+ height: 30px;
201
+ border-left: 1px solid #000;
202
+ border-right: 1px solid #000;
203
+ border-bottom: 1px solid #000;
204
+ text-align: center;
205
+ }
206
+ // 右上
207
+ .ol-scale-line-tr{
208
+ position: absolute;
209
+ top: 20px;
210
+ right: 20px;
211
+ background-color: transparent;
212
+ width: 113px;
213
+ height: 30px;
214
+ border-left: 1px solid #000;
215
+ border-right: 1px solid #000;
216
+ border-bottom: 1px solid #000;
217
+ text-align: center;
218
+ }
219
+ // 右下
220
+ .ol-scale-line-bl{
221
+ position: absolute;
222
+ bottom: 20px;
223
+ right: 20px;
224
+ background-color: transparent;
225
+ width: 113px;
226
+ height: 30px;
227
+ border-left: 1px solid #000;
228
+ border-right: 1px solid #000;
229
+ border-bottom: 1px solid #000;
230
+ text-align: center;
231
231
  }