@vtx/map 1.1.13 → 1.1.14
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.
- package/README.md +44 -44
- package/lib/VtxMap/OMap/Map.js +43 -43
- package/lib/VtxMap/OMap/Map.js.map +1 -1
- package/lib/VtxMap/OMap/Map.less +70 -70
- package/lib/VtxMap/OlMap/Map.js +23 -23
- package/lib/VtxMap/OlMap/Map.js.map +1 -1
- package/lib/VtxMap/OlMap/Map.less +164 -164
- package/lib/VtxMap/TMap/TMap.js +18 -18
- package/lib/VtxMap/TMap/TMap.js.map +1 -1
- package/lib/VtxSearchMap/VtxSearchMap.js +2 -0
- package/lib/VtxSearchMap/VtxSearchMap.js.map +1 -1
- package/lib/VtxSearchMap/index.js.map +1 -1
- package/lib/VtxSearchMap/mapping.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,165 +1,165 @@
|
|
|
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: "✖";
|
|
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
165
|
}
|
package/lib/VtxMap/TMap/TMap.js
CHANGED
|
@@ -1798,11 +1798,11 @@ var TMap = /*#__PURE__*/function (_React$Component) {
|
|
|
1798
1798
|
infowindow && t.state.gis.closeInfoWindow();
|
|
1799
1799
|
}
|
|
1800
1800
|
}
|
|
1801
|
-
/*
|
|
1802
|
-
参数
|
|
1803
|
-
geometryType:point/polyline/polygon/circle/rectangle 默认point
|
|
1804
|
-
parameter 样式 默认null 对象{}写入方式跟add方法一样(对应点线圆面)
|
|
1805
|
-
data //初始化数据 默认{id:'add'}
|
|
1801
|
+
/*
|
|
1802
|
+
参数
|
|
1803
|
+
geometryType:point/polyline/polygon/circle/rectangle 默认point
|
|
1804
|
+
parameter 样式 默认null 对象{}写入方式跟add方法一样(对应点线圆面)
|
|
1805
|
+
data //初始化数据 默认{id:'add'}
|
|
1806
1806
|
*/
|
|
1807
1807
|
|
|
1808
1808
|
}, {
|
|
@@ -3156,10 +3156,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
|
|
|
3156
3156
|
if (typeof isclearAllPointCollection == 'boolean' && isclearAllPointCollection || isclearAllPointCollection && isclearAllPointCollection !== t.props.isclearAllPointCollection) {
|
|
3157
3157
|
t.clearAllPointCollection();
|
|
3158
3158
|
}
|
|
3159
|
-
/*点数据处理
|
|
3160
|
-
pointData[2]相同的点,执行刷新
|
|
3161
|
-
pointData[1]的数据在idsForGraphicId中不存在的,执行新增
|
|
3162
|
-
pointData[0]数据中多余的id,执行删除
|
|
3159
|
+
/*点数据处理
|
|
3160
|
+
pointData[2]相同的点,执行刷新
|
|
3161
|
+
pointData[1]的数据在idsForGraphicId中不存在的,执行新增
|
|
3162
|
+
pointData[0]数据中多余的id,执行删除
|
|
3163
3163
|
*/
|
|
3164
3164
|
|
|
3165
3165
|
|
|
@@ -3209,9 +3209,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
|
|
|
3209
3209
|
|
|
3210
3210
|
t.updatePoint([].concat(_toConsumableArray(upds), _toConsumableArray(otherupds)));
|
|
3211
3211
|
}
|
|
3212
|
-
/*
|
|
3213
|
-
面数据处理
|
|
3214
|
-
先全删除,再新增
|
|
3212
|
+
/*
|
|
3213
|
+
面数据处理
|
|
3214
|
+
先全删除,再新增
|
|
3215
3215
|
*/
|
|
3216
3216
|
|
|
3217
3217
|
|
|
@@ -3261,9 +3261,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
|
|
|
3261
3261
|
|
|
3262
3262
|
t.updatePolygon([].concat(_toConsumableArray(_upds), _toConsumableArray(_otherupds)));
|
|
3263
3263
|
}
|
|
3264
|
-
/*
|
|
3265
|
-
圆数据处理
|
|
3266
|
-
先全删除,再新增
|
|
3264
|
+
/*
|
|
3265
|
+
圆数据处理
|
|
3266
|
+
先全删除,再新增
|
|
3267
3267
|
*/
|
|
3268
3268
|
|
|
3269
3269
|
|
|
@@ -3313,9 +3313,9 @@ var TMap = /*#__PURE__*/function (_React$Component) {
|
|
|
3313
3313
|
|
|
3314
3314
|
t.updateCircle([].concat(_toConsumableArray(_upds2), _toConsumableArray(_otherupds2)));
|
|
3315
3315
|
}
|
|
3316
|
-
/*
|
|
3317
|
-
线数据处理
|
|
3318
|
-
先全删除,再新增
|
|
3316
|
+
/*
|
|
3317
|
+
线数据处理
|
|
3318
|
+
先全删除,再新增
|
|
3319
3319
|
*/
|
|
3320
3320
|
|
|
3321
3321
|
|