@vtx/map 1.1.23 → 1.1.25

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 (18) hide show
  1. package/README.md +44 -44
  2. package/lib/VtxMap/BMap/Map.js +12 -3
  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 +380 -320
  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 +20 -19
  11. package/lib/VtxMap/TMap/TMap.js.map +1 -1
  12. package/lib/VtxSearchCheckMap/index.js.map +1 -1
  13. package/lib/VtxSearchCheckMap/mapping.js.map +1 -1
  14. package/lib/VtxSearchMap/VtxSearchMap.js +24 -12
  15. package/lib/VtxSearchMap/VtxSearchMap.js.map +1 -1
  16. package/lib/VtxSearchMap/index.js.map +1 -1
  17. package/lib/VtxSearchMap/mapping.js.map +1 -1
  18. 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
  }, {
@@ -2325,8 +2325,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
2325
2325
  ms.geometry._extent = (0, _MapToolFunction.getMaxMin)(ms.mapLayer.getLngLats()[0])._extent;
2326
2326
  obj.geometry = ms.geometry;
2327
2327
  obj.param = ms; // obj.area = getPolygonArea(ms.mapLayer.getLngLats()[0]);
2328
+ // obj.area = t.polygonTool.getArea(ms.mapLayer.getLngLats()[0]);
2329
+ // 关闭多边形多个听绘制后，回显报错
2328
2330
 
2329
- obj.area = t.polygonTool.getArea(ms.mapLayer.getLngLats()[0]);
2330
2331
  break;
2331
2332
 
2332
2333
  case 'circle':
@@ -3173,10 +3174,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
3173
3174
  if (typeof isclearAllPointCollection == 'boolean' && isclearAllPointCollection || isclearAllPointCollection && isclearAllPointCollection !== t.props.isclearAllPointCollection) {
3174
3175
  t.clearAllPointCollection();
3175
3176
  }
3176
- /*点数据处理
3177
- pointData[2]相同的点,执行刷新
3178
- pointData[1]的数据在idsForGraphicId中不存在的,执行新增
3179
- pointData[0]数据中多余的id,执行删除
3177
+ /*点数据处理
3178
+ pointData[2]相同的点,执行刷新
3179
+ pointData[1]的数据在idsForGraphicId中不存在的,执行新增
3180
+ pointData[0]数据中多余的id,执行删除
3180
3181
  */
3181
3182
 
3182
3183
 
@@ -3226,9 +3227,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
3226
3227
 
3227
3228
  t.updatePoint([].concat(_toConsumableArray(upds), _toConsumableArray(otherupds)));
3228
3229
  }
3229
- /*
3230
- 面数据处理
3231
- 先全删除,再新增
3230
+ /*
3231
+ 面数据处理
3232
+ 先全删除,再新增
3232
3233
  */
3233
3234
 
3234
3235
 
@@ -3278,9 +3279,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
3278
3279
 
3279
3280
  t.updatePolygon([].concat(_toConsumableArray(_upds), _toConsumableArray(_otherupds)));
3280
3281
  }
3281
- /*
3282
- 圆数据处理
3283
- 先全删除,再新增
3282
+ /*
3283
+ 圆数据处理
3284
+ 先全删除,再新增
3284
3285
  */
3285
3286
 
3286
3287
 
@@ -3330,9 +3331,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
3330
3331
 
3331
3332
  t.updateCircle([].concat(_toConsumableArray(_upds2), _toConsumableArray(_otherupds2)));
3332
3333
  }
3333
- /*
3334
- 线数据处理
3335
- 先全删除,再新增
3334
+ /*
3335
+ 线数据处理
3336
+ 先全删除,再新增
3336
3337
  */
3337
3338
 
3338
3339