@vtx/map 1.1.25 → 1.1.27

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 (25) hide show
  1. package/README.md +44 -44
  2. package/lib/VtxMap/BMap/Map.js +75 -0
  3. package/lib/VtxMap/BMap/Map.js.map +1 -1
  4. package/lib/VtxMap/OMap/Map.js +43 -43
  5. package/lib/VtxMap/OMap/Map.js.map +1 -1
  6. package/lib/VtxMap/OMap/Map.less +70 -70
  7. package/lib/VtxMap/OlMap/Map.js +23 -23
  8. package/lib/VtxMap/OlMap/Map.js.map +1 -1
  9. package/lib/VtxMap/OlMap/Map.less +230 -230
  10. package/lib/VtxMap/TMap/TMap.js +18 -18
  11. package/lib/VtxMap/TMap/TMap.js.map +1 -1
  12. package/lib/VtxMap/images/close.png +0 -0
  13. package/lib/VtxSearchCheckMap/VtxSearchCheckMap.css +10 -0
  14. package/lib/VtxSearchCheckMap/VtxSearchCheckMap.js +84 -4
  15. package/lib/VtxSearchCheckMap/VtxSearchCheckMap.js.map +1 -1
  16. package/lib/VtxSearchCheckMap/VtxSearchCheckMap.less +10 -0
  17. package/lib/VtxSearchCheckMap/index.js.map +1 -1
  18. package/lib/VtxSearchCheckMap/mapping.js.map +1 -1
  19. package/lib/VtxSearchMap/VtxSearchMap.css +14 -0
  20. package/lib/VtxSearchMap/VtxSearchMap.js +84 -4
  21. package/lib/VtxSearchMap/VtxSearchMap.js.map +1 -1
  22. package/lib/VtxSearchMap/VtxSearchMap.less +14 -0
  23. package/lib/VtxSearchMap/index.js.map +1 -1
  24. package/lib/VtxSearchMap/mapping.js.map +1 -1
  25. package/package.json +1 -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
  }
package/lib/VtxMap/TMap/TMap.js CHANGED
@@ -1814,11 +1814,11 @@ var TMap = /*#__PURE__*/function (_React$Component) {
1814
1814
  infowindow && t.state.gis.closeInfoWindow();
1815
1815
  }
1816
1816
  }
1817
- /*
1818
- 参数
1819
- geometryType:point/polyline/polygon/circle/rectangle 默认point
1820
- parameter 样式 默认null 对象{}写入方式跟add方法一样(对应点线圆面)
1821
- data //初始化数据 默认{id:'add'}
1817
+ /*
1818
+ 参数
1819
+ geometryType:point/polyline/polygon/circle/rectangle 默认point
1820
+ parameter 样式 默认null 对象{}写入方式跟add方法一样(对应点线圆面)
1821
+ data //初始化数据 默认{id:'add'}
1822
1822
  */
1823
1823
 
1824
1824
  }, {
@@ -3174,10 +3174,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
3174
3174
  if (typeof isclearAllPointCollection == 'boolean' && isclearAllPointCollection || isclearAllPointCollection && isclearAllPointCollection !== t.props.isclearAllPointCollection) {
3175
3175
  t.clearAllPointCollection();
3176
3176
  }
3177
- /*点数据处理
3178
- pointData[2]相同的点,执行刷新
3179
- pointData[1]的数据在idsForGraphicId中不存在的,执行新增
3180
- pointData[0]数据中多余的id,执行删除
3177
+ /*点数据处理
3178
+ pointData[2]相同的点,执行刷新
3179
+ pointData[1]的数据在idsForGraphicId中不存在的,执行新增
3180
+ pointData[0]数据中多余的id,执行删除
3181
3181
  */
3182
3182
 
3183
3183
 
@@ -3227,9 +3227,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
3227
3227
 
3228
3228
  t.updatePoint([].concat(_toConsumableArray(upds), _toConsumableArray(otherupds)));
3229
3229
  }
3230
- /*
3231
- 面数据处理
3232
- 先全删除,再新增
3230
+ /*
3231
+ 面数据处理
3232
+ 先全删除,再新增
3233
3233
  */
3234
3234
 
3235
3235
 
@@ -3279,9 +3279,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
3279
3279
 
3280
3280
  t.updatePolygon([].concat(_toConsumableArray(_upds), _toConsumableArray(_otherupds)));
3281
3281
  }
3282
- /*
3283
- 圆数据处理
3284
- 先全删除,再新增
3282
+ /*
3283
+ 圆数据处理
3284
+ 先全删除,再新增
3285
3285
  */
3286
3286
 
3287
3287
 
@@ -3331,9 +3331,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
3331
3331
 
3332
3332
  t.updateCircle([].concat(_toConsumableArray(_upds2), _toConsumableArray(_otherupds2)));
3333
3333
  }
3334
- /*
3335
- 线数据处理
3336
- 先全删除,再新增
3334
+ /*
3335
+ 线数据处理
3336
+ 先全删除,再新增
3337
3337
  */
3338
3338
 
3339
3339