@vtx/ol-map 1.0.2-0
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 +202 -0
- package/lib/_util/filterSpecialCharacters.js +90 -0
- package/lib/_util/filterSpecialCharacters.js.map +1 -0
- package/lib/_util/getComponentProps.js +14 -0
- package/lib/_util/getComponentProps.js.map +1 -0
- package/lib/_util/getCookie.js +25 -0
- package/lib/_util/getCookie.js.map +1 -0
- package/lib/_util/getDefaultMapInfo.js +34 -0
- package/lib/_util/getDefaultMapInfo.js.map +1 -0
- package/lib/_util/getSystemInfo.js +27 -0
- package/lib/_util/getSystemInfo.js.map +1 -0
- package/lib/_util/getToken.js +14 -0
- package/lib/_util/getToken.js.map +1 -0
- package/lib/_util/getUrlParam.js +16 -0
- package/lib/_util/getUrlParam.js.map +1 -0
- package/lib/_util/http.js +235 -0
- package/lib/_util/http.js.map +1 -0
- package/lib/_util/isFunction.js +10 -0
- package/lib/_util/isFunction.js.map +1 -0
- package/lib/_util/isObject.js +10 -0
- package/lib/_util/isObject.js.map +1 -0
- package/lib/_util/layer.js +134 -0
- package/lib/_util/layer.js.map +1 -0
- package/lib/_util/mapTool.js +189 -0
- package/lib/_util/mapTool.js.map +1 -0
- package/lib/_util/setCookie.js +16 -0
- package/lib/_util/setCookie.js.map +1 -0
- package/lib/_util/useColSize.js +29 -0
- package/lib/_util/useColSize.js.map +1 -0
- package/lib/_util/useInterval.js +19 -0
- package/lib/_util/useInterval.js.map +1 -0
- package/lib/_util/useSet.js +45 -0
- package/lib/_util/useSet.js.map +1 -0
- package/lib/config.js +13 -0
- package/lib/config.js.map +1 -0
- package/lib/feature-layer/FeatureLayer.js +277 -0
- package/lib/feature-layer/FeatureLayer.js.map +1 -0
- package/lib/feature-layer/index.js +48 -0
- package/lib/feature-layer/index.js.map +1 -0
- package/lib/feature-layer/style/css.js +4 -0
- package/lib/feature-layer/style/css.js.map +1 -0
- package/lib/feature-layer/style/index.css +0 -0
- package/lib/feature-layer/style/index.js +4 -0
- package/lib/feature-layer/style/index.js.map +1 -0
- package/lib/feature-layer/style/index.less +0 -0
- package/lib/image-layer/ImageLayer.js +101 -0
- package/lib/image-layer/ImageLayer.js.map +1 -0
- package/lib/image-layer/index.js +44 -0
- package/lib/image-layer/index.js.map +1 -0
- package/lib/image-layer/style/css.js +4 -0
- package/lib/image-layer/style/css.js.map +1 -0
- package/lib/image-layer/style/index.css +0 -0
- package/lib/image-layer/style/index.js +4 -0
- package/lib/image-layer/style/index.js.map +1 -0
- package/lib/image-layer/style/index.less +0 -0
- package/lib/index.js +42 -0
- package/lib/index.js.map +1 -0
- package/lib/map/Popup.js +134 -0
- package/lib/map/Popup.js.map +1 -0
- package/lib/map/getBaseLayers.js +50 -0
- package/lib/map/getBaseLayers.js.map +1 -0
- package/lib/map/index.js +319 -0
- package/lib/map/index.js.map +1 -0
- package/lib/map/style/css.js +4 -0
- package/lib/map/style/css.js.map +1 -0
- package/lib/map/style/index.css +140 -0
- package/lib/map/style/index.js +4 -0
- package/lib/map/style/index.js.map +1 -0
- package/lib/map/style/index.less +128 -0
- package/lib/map-icon/Canvas.js +367 -0
- package/lib/map-icon/Canvas.js.map +1 -0
- package/lib/map-icon/CockpitIcon.js +317 -0
- package/lib/map-icon/CockpitIcon.js.map +1 -0
- package/lib/map-icon/CockpitIcon2.js +268 -0
- package/lib/map-icon/CockpitIcon2.js.map +1 -0
- package/lib/map-icon/CommonIcon.js +193 -0
- package/lib/map-icon/CommonIcon.js.map +1 -0
- package/lib/map-icon/CommonIcon2.js +164 -0
- package/lib/map-icon/CommonIcon2.js.map +1 -0
- package/lib/map-icon/Legend.js +53 -0
- package/lib/map-icon/Legend.js.map +1 -0
- package/lib/map-icon/config.js +3868 -0
- package/lib/map-icon/config.js.map +1 -0
- package/lib/map-icon/index.js +21 -0
- package/lib/map-icon/index.js.map +1 -0
- package/lib/map-icon/style/css.js +4 -0
- package/lib/map-icon/style/css.js.map +1 -0
- package/lib/map-icon/style/index.css +0 -0
- package/lib/map-icon/style/index.js +4 -0
- package/lib/map-icon/style/index.js.map +1 -0
- package/lib/map-icon/style/index.less +0 -0
- package/lib/map-icon/svg/index.js +53 -0
- package/lib/map-icon/svg/index.js.map +1 -0
- package/lib/map-icon/svg/tuceng.svg.js +2 -0
- package/lib/map-icon/svg/tuceng.svg.js.map +1 -0
- package/lib/style/index.css +0 -0
- package/lib/style/index.less +2 -0
- package/lib/style/themes/compact.css +0 -0
- package/lib/style/themes/compact.less +1 -0
- package/lib/style/themes/dark.css +0 -0
- package/lib/style/themes/dark.less +9 -0
- package/lib/style/themes/default.css +0 -0
- package/lib/style/themes/default.less +7 -0
- package/lib/style/themes/index.css +0 -0
- package/lib/style/themes/index.less +1 -0
- package/lib/style/themes/variable.css +0 -0
- package/lib/style/themes/variable.less +5 -0
- package/lib/tools/Analysis/AnalysisLayer.js +380 -0
- package/lib/tools/Analysis/AnalysisLayer.js.map +1 -0
- package/lib/tools/Layer/LayerService.js +150 -0
- package/lib/tools/Layer/LayerService.js.map +1 -0
- package/lib/tools/Layer/LayersCheckService.js +173 -0
- package/lib/tools/Layer/LayersCheckService.js.map +1 -0
- package/lib/tools/Layer/index.css +34 -0
- package/lib/tools/Layer/index.js +227 -0
- package/lib/tools/Layer/index.js.map +1 -0
- package/lib/tools/Layer/index.less +27 -0
- package/lib/tools/Search/index.js +194 -0
- package/lib/tools/Search/index.js.map +1 -0
- package/lib/tools/Toolbox/BoxSelect/index.js +20 -0
- package/lib/tools/Toolbox/BoxSelect/index.js.map +1 -0
- package/lib/tools/Toolbox/CircleSelect/index.js +20 -0
- package/lib/tools/Toolbox/CircleSelect/index.js.map +1 -0
- package/lib/tools/Toolbox/EagleEye/index.js +57 -0
- package/lib/tools/Toolbox/EagleEye/index.js.map +1 -0
- package/lib/tools/Toolbox/MapBookmark/index.css +18 -0
- package/lib/tools/Toolbox/MapBookmark/index.js +494 -0
- package/lib/tools/Toolbox/MapBookmark/index.js.map +1 -0
- package/lib/tools/Toolbox/MapBookmark/index.less +20 -0
- package/lib/tools/Toolbox/MapDownload/index.js +16 -0
- package/lib/tools/Toolbox/MapDownload/index.js.map +1 -0
- package/lib/tools/Toolbox/MapPrint/index.css +4 -0
- package/lib/tools/Toolbox/MapPrint/index.js +242 -0
- package/lib/tools/Toolbox/MapPrint/index.js.map +1 -0
- package/lib/tools/Toolbox/MapPrint/index.less +4 -0
- package/lib/tools/Toolbox/Measure/Area/index.js +17 -0
- package/lib/tools/Toolbox/Measure/Area/index.js.map +1 -0
- package/lib/tools/Toolbox/Measure/Distance/index.js +17 -0
- package/lib/tools/Toolbox/Measure/Distance/index.js.map +1 -0
- package/lib/tools/Toolbox/Measure/Measure.js +229 -0
- package/lib/tools/Toolbox/Measure/Measure.js.map +1 -0
- package/lib/tools/Toolbox/Measure/index.js +70 -0
- package/lib/tools/Toolbox/Measure/index.js.map +1 -0
- package/lib/tools/Toolbox/PolygonSelect/index.js +20 -0
- package/lib/tools/Toolbox/PolygonSelect/index.js.map +1 -0
- package/lib/tools/Toolbox/ScaleLine/index.js +55 -0
- package/lib/tools/Toolbox/ScaleLine/index.js.map +1 -0
- package/lib/tools/Toolbox/SelectTools/index.css +15 -0
- package/lib/tools/Toolbox/SelectTools/index.js +243 -0
- package/lib/tools/Toolbox/SelectTools/index.js.map +1 -0
- package/lib/tools/Toolbox/SelectTools/index.less +10 -0
- package/lib/tools/Toolbox/SpaceQuery/index.css +19 -0
- package/lib/tools/Toolbox/SpaceQuery/index.js +590 -0
- package/lib/tools/Toolbox/SpaceQuery/index.js.map +1 -0
- package/lib/tools/Toolbox/SpaceQuery/index.less +18 -0
- package/lib/tools/Toolbox/index.css +6 -0
- package/lib/tools/Toolbox/index.js +187 -0
- package/lib/tools/Toolbox/index.js.map +1 -0
- package/lib/tools/Toolbox/index.less +11 -0
- package/lib/tools/Utils/CreateOverlay.js +47 -0
- package/lib/tools/Utils/CreateOverlay.js.map +1 -0
- package/lib/tools/Utils/Draw.js +129 -0
- package/lib/tools/Utils/Draw.js.map +1 -0
- package/lib/tools/Utils/HighLayer.js +184 -0
- package/lib/tools/Utils/HighLayer.js.map +1 -0
- package/lib/tools/Utils/measure.js +247 -0
- package/lib/tools/Utils/measure.js.map +1 -0
- package/lib/tools/Utils/utils.js +272 -0
- package/lib/tools/Utils/utils.js.map +1 -0
- package/lib/tools/View/index.js +51 -0
- package/lib/tools/View/index.js.map +1 -0
- package/lib/tools/components/Icon/index.js +28 -0
- package/lib/tools/components/Icon/index.js.map +1 -0
- package/lib/tools/components/ItemWrap/index.css +43 -0
- package/lib/tools/components/ItemWrap/index.js +40 -0
- package/lib/tools/components/ItemWrap/index.js.map +1 -0
- package/lib/tools/components/ItemWrap/index.less +41 -0
- package/lib/tools/components/Modal/index.css +36 -0
- package/lib/tools/components/Modal/index.js +37 -0
- package/lib/tools/components/Modal/index.js.map +1 -0
- package/lib/tools/components/Modal/index.less +28 -0
- package/lib/tools/components/MyTabs/index.js +22 -0
- package/lib/tools/components/MyTabs/index.js.map +1 -0
- package/lib/tools/components/RequiredLabel/index.css +5 -0
- package/lib/tools/components/RequiredLabel/index.js +32 -0
- package/lib/tools/components/RequiredLabel/index.js.map +1 -0
- package/lib/tools/components/RequiredLabel/index.less +5 -0
- package/lib/tools/components/Select/index.js +33 -0
- package/lib/tools/components/Select/index.js.map +1 -0
- package/lib/tools/components/Table/index.css +10 -0
- package/lib/tools/components/Table/index.js +91 -0
- package/lib/tools/components/Table/index.js.map +1 -0
- package/lib/tools/components/Table/index.less +13 -0
- package/lib/tools/components/ToolItem/index.css +30 -0
- package/lib/tools/components/ToolItem/index.js +29 -0
- package/lib/tools/components/ToolItem/index.js.map +1 -0
- package/lib/tools/components/ToolItem/index.less +27 -0
- package/lib/tools/components/ToolsSelect/index.css +30 -0
- package/lib/tools/components/ToolsSelect/index.js +43 -0
- package/lib/tools/components/ToolsSelect/index.js.map +1 -0
- package/lib/tools/components/ToolsSelect/index.less +29 -0
- package/lib/tools/index.js +84 -0
- package/lib/tools/index.js.map +1 -0
- package/lib/tools/style/css.js +4 -0
- package/lib/tools/style/css.js.map +1 -0
- package/lib/tools/style/index.css +19 -0
- package/lib/tools/style/index.js +4 -0
- package/lib/tools/style/index.js.map +1 -0
- package/lib/tools/style/index.less +19 -0
- package/package.json +118 -0
|
@@ -0,0 +1,229 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _geom = require("ol/geom");
|
|
8
|
+
var _layer = require("ol/layer");
|
|
9
|
+
var _style = require("ol/style");
|
|
10
|
+
var _interaction = require("ol/interaction");
|
|
11
|
+
var _sphere = require("ol/sphere");
|
|
12
|
+
var _source = require("ol/source");
|
|
13
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
14
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
15
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
16
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
19
|
+
var labelStyle = new _style.Style({
|
|
20
|
+
text: new _style.Text({
|
|
21
|
+
font: '14px Calibri,sans-serif',
|
|
22
|
+
fill: new _style.Fill({
|
|
23
|
+
color: 'rgba(255, 255, 255, 1)'
|
|
24
|
+
}),
|
|
25
|
+
backgroundFill: new _style.Fill({
|
|
26
|
+
color: 'rgba(0, 0, 0, 0.7)'
|
|
27
|
+
}),
|
|
28
|
+
padding: [3, 3, 3, 3],
|
|
29
|
+
textBaseline: 'bottom',
|
|
30
|
+
offsetY: -15
|
|
31
|
+
}),
|
|
32
|
+
image: new _style.RegularShape({
|
|
33
|
+
radius: 8,
|
|
34
|
+
points: 3,
|
|
35
|
+
angle: Math.PI,
|
|
36
|
+
displacement: [0, 10],
|
|
37
|
+
fill: new _style.Fill({
|
|
38
|
+
color: 'rgba(0, 0, 0, 0.7)'
|
|
39
|
+
})
|
|
40
|
+
})
|
|
41
|
+
});
|
|
42
|
+
var segmentStyle = new _style.Style({
|
|
43
|
+
text: new _style.Text({
|
|
44
|
+
font: '12px Calibri,sans-serif',
|
|
45
|
+
fill: new _style.Fill({
|
|
46
|
+
color: 'rgba(255, 255, 255, 1)'
|
|
47
|
+
}),
|
|
48
|
+
backgroundFill: new _style.Fill({
|
|
49
|
+
color: 'rgba(0, 0, 0, 0.4)'
|
|
50
|
+
}),
|
|
51
|
+
padding: [2, 2, 2, 2],
|
|
52
|
+
textBaseline: 'bottom',
|
|
53
|
+
offsetY: -12
|
|
54
|
+
}),
|
|
55
|
+
image: new _style.RegularShape({
|
|
56
|
+
radius: 6,
|
|
57
|
+
points: 3,
|
|
58
|
+
angle: Math.PI,
|
|
59
|
+
displacement: [0, 8],
|
|
60
|
+
fill: new _style.Fill({
|
|
61
|
+
color: 'rgba(0, 0, 0, 0.4)'
|
|
62
|
+
})
|
|
63
|
+
})
|
|
64
|
+
});
|
|
65
|
+
var segmentStyles = [segmentStyle];
|
|
66
|
+
var formatLength = function formatLength(line) {
|
|
67
|
+
var length = (0, _sphere.getLength)(line, {
|
|
68
|
+
projection: 'EPSG:4326'
|
|
69
|
+
});
|
|
70
|
+
var output;
|
|
71
|
+
if (length > 100) {
|
|
72
|
+
output = "".concat(Math.round(length / 1000 * 100) / 100, " km");
|
|
73
|
+
} else {
|
|
74
|
+
output = "".concat(Math.round(length * 100) / 100, " m");
|
|
75
|
+
}
|
|
76
|
+
return output;
|
|
77
|
+
};
|
|
78
|
+
var formatArea = function formatArea(polygon) {
|
|
79
|
+
var area = (0, _sphere.getArea)(polygon, {
|
|
80
|
+
projection: 'EPSG:4326'
|
|
81
|
+
});
|
|
82
|
+
var output;
|
|
83
|
+
if (area > 10000) {
|
|
84
|
+
output = "".concat(Math.round(area / 1000000 * 100) / 100, " km\xB2");
|
|
85
|
+
} else {
|
|
86
|
+
output = "".concat(Math.round(area * 100) / 100, " m\xB2");
|
|
87
|
+
}
|
|
88
|
+
return output;
|
|
89
|
+
};
|
|
90
|
+
var styleFunction = function styleFunction(_ref) {
|
|
91
|
+
var feature = _ref.feature,
|
|
92
|
+
segments = _ref.segments,
|
|
93
|
+
drawType = _ref.drawType;
|
|
94
|
+
var styles = [new _style.Style({
|
|
95
|
+
fill: new _style.Fill({
|
|
96
|
+
color: 'rgba(255, 255, 255, 0.2)'
|
|
97
|
+
}),
|
|
98
|
+
stroke: new _style.Stroke({
|
|
99
|
+
color: 'rgba(0, 0, 0, 0.5)',
|
|
100
|
+
lineDash: [10, 10],
|
|
101
|
+
width: 2
|
|
102
|
+
}),
|
|
103
|
+
image: new _style.Circle({
|
|
104
|
+
radius: 5,
|
|
105
|
+
stroke: new _style.Stroke({
|
|
106
|
+
color: 'rgba(0, 0, 0, 0.7)'
|
|
107
|
+
}),
|
|
108
|
+
fill: new _style.Fill({
|
|
109
|
+
color: 'rgba(255, 255, 255, 0.2)'
|
|
110
|
+
})
|
|
111
|
+
})
|
|
112
|
+
})];
|
|
113
|
+
var geometry = feature.getGeometry();
|
|
114
|
+
var type = geometry.getType();
|
|
115
|
+
var point, label, line;
|
|
116
|
+
if (!drawType || drawType === type) {
|
|
117
|
+
if (type === 'Polygon') {
|
|
118
|
+
point = geometry.getInteriorPoint();
|
|
119
|
+
label = formatArea(geometry);
|
|
120
|
+
line = new _geom.LineString(geometry.getCoordinates()[0]);
|
|
121
|
+
} else if (type === 'LineString') {
|
|
122
|
+
point = new _geom.Point(geometry.getLastCoordinate());
|
|
123
|
+
label = formatLength(geometry);
|
|
124
|
+
line = geometry;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
if (segments && line) {
|
|
128
|
+
var count = 0;
|
|
129
|
+
line.forEachSegment(function (a, b) {
|
|
130
|
+
var segment = new _geom.LineString([a, b]);
|
|
131
|
+
var label = formatLength(segment);
|
|
132
|
+
if (segmentStyles.length - 1 < count) {
|
|
133
|
+
segmentStyles.push(segmentStyle.clone());
|
|
134
|
+
}
|
|
135
|
+
var segmentPoint = new _geom.Point(segment.getCoordinateAt(0.5));
|
|
136
|
+
segmentStyles[count].setGeometry(segmentPoint);
|
|
137
|
+
segmentStyles[count].getText().setText(label);
|
|
138
|
+
styles.push(segmentStyles[count]);
|
|
139
|
+
count++;
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
if (label) {
|
|
143
|
+
labelStyle.setGeometry(point);
|
|
144
|
+
labelStyle.getText().setText(label);
|
|
145
|
+
styles.push(labelStyle);
|
|
146
|
+
}
|
|
147
|
+
return styles;
|
|
148
|
+
};
|
|
149
|
+
var _default = /*#__PURE__*/function () {
|
|
150
|
+
function _default(options) {
|
|
151
|
+
var _this = this;
|
|
152
|
+
_classCallCheck(this, _default);
|
|
153
|
+
this.map = options.map;
|
|
154
|
+
this.type = options.type || 'MeasureDistance';
|
|
155
|
+
this.clearPrevious = options.clearPrevious;
|
|
156
|
+
var segments = options.segments;
|
|
157
|
+
this.source = new _source.Vector();
|
|
158
|
+
this.layer = new _layer.Vector({
|
|
159
|
+
source: this.source,
|
|
160
|
+
style: function style(feature) {
|
|
161
|
+
return styleFunction({
|
|
162
|
+
feature: feature,
|
|
163
|
+
segments: segments
|
|
164
|
+
});
|
|
165
|
+
},
|
|
166
|
+
zIndex: 99
|
|
167
|
+
});
|
|
168
|
+
this.layer.key = this.type;
|
|
169
|
+
|
|
170
|
+
// 测距
|
|
171
|
+
var drawType = this.type === 'MeasureDistance' ? 'LineString' : 'Polygon';
|
|
172
|
+
this.tool = new _interaction.Draw({
|
|
173
|
+
source: this.source,
|
|
174
|
+
type: drawType,
|
|
175
|
+
style: function style(feature) {
|
|
176
|
+
return styleFunction({
|
|
177
|
+
feature: feature,
|
|
178
|
+
segments: segments,
|
|
179
|
+
drawType: drawType
|
|
180
|
+
});
|
|
181
|
+
}
|
|
182
|
+
});
|
|
183
|
+
this.map.addInteraction(this.tool);
|
|
184
|
+
this.setActive();
|
|
185
|
+
this.map.addLayer(this.layer);
|
|
186
|
+
this.map.showTip('鼠标单击开始绘制');
|
|
187
|
+
this.tool.on('drawstart', function () {
|
|
188
|
+
if (_this.clearPrevious) {
|
|
189
|
+
_this.source.clear();
|
|
190
|
+
}
|
|
191
|
+
_this.map.showTip('鼠标单击继续绘制');
|
|
192
|
+
});
|
|
193
|
+
this.tool.on('drawend', function () {
|
|
194
|
+
_this.map.showTip('鼠标单击开始绘制');
|
|
195
|
+
});
|
|
196
|
+
}
|
|
197
|
+
_createClass(_default, [{
|
|
198
|
+
key: "setActive",
|
|
199
|
+
value: function setActive() {
|
|
200
|
+
this.tool.setActive(true);
|
|
201
|
+
}
|
|
202
|
+
}, {
|
|
203
|
+
key: "segments",
|
|
204
|
+
set: function set(val) {
|
|
205
|
+
this.layer && this.layer.setStyle(function (feature) {
|
|
206
|
+
return styleFunction({
|
|
207
|
+
feature: feature,
|
|
208
|
+
segments: val
|
|
209
|
+
});
|
|
210
|
+
});
|
|
211
|
+
this.tool && this.tool.getOverlay().setStyle(function (feature) {
|
|
212
|
+
return styleFunction({
|
|
213
|
+
feature: feature,
|
|
214
|
+
segments: val
|
|
215
|
+
});
|
|
216
|
+
});
|
|
217
|
+
}
|
|
218
|
+
}, {
|
|
219
|
+
key: "destroy",
|
|
220
|
+
value: function destroy() {
|
|
221
|
+
this.map.hideTip();
|
|
222
|
+
this.map.removeInteraction(this.tool);
|
|
223
|
+
this.map.removeLayer(this.layer);
|
|
224
|
+
}
|
|
225
|
+
}]);
|
|
226
|
+
return _default;
|
|
227
|
+
}();
|
|
228
|
+
exports["default"] = _default;
|
|
229
|
+
//# sourceMappingURL=Measure.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Measure.js","names":["_geom","require","_layer","_style","_interaction","_sphere","_source","_typeof","obj","Symbol","iterator","constructor","prototype","_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","_toPropertyKey","key","_createClass","protoProps","staticProps","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","Number","labelStyle","Style","text","Text","font","fill","Fill","color","backgroundFill","padding","textBaseline","offsetY","image","RegularShape","radius","points","angle","Math","PI","displacement","segmentStyle","segmentStyles","formatLength","line","getLength","projection","output","concat","round","formatArea","polygon","area","getArea","styleFunction","_ref","feature","segments","drawType","styles","stroke","Stroke","lineDash","width","CircleStyle","geometry","getGeometry","type","getType","point","label","getInteriorPoint","LineString","getCoordinates","Point","getLastCoordinate","count","forEachSegment","a","b","segment","push","clone","segmentPoint","getCoordinateAt","setGeometry","getText","setText","_default","options","_this","map","clearPrevious","source","VectorSource","layer","VectorLayer","style","zIndex","tool","Draw","addInteraction","setActive","addLayer","showTip","on","clear","value","set","val","setStyle","getOverlay","destroy","hideTip","removeInteraction","removeLayer","exports"],"sources":["tools/Toolbox/Measure/Measure.js"],"sourcesContent":["import { Point, LineString } from 'ol/geom';\nimport { Vector as VectorLayer } from 'ol/layer';\nimport { Circle as CircleStyle, Fill, Stroke, Style, RegularShape, Text } from 'ol/style';\nimport { Draw } from 'ol/interaction';\nimport { getArea, getLength } from 'ol/sphere';\nimport { Vector as VectorSource } from 'ol/source';\n\nconst labelStyle = new Style({\n text: new Text({\n font: '14px Calibri,sans-serif',\n fill: new Fill({\n color: 'rgba(255, 255, 255, 1)',\n }),\n backgroundFill: new Fill({\n color: 'rgba(0, 0, 0, 0.7)',\n }),\n padding: [3, 3, 3, 3],\n textBaseline: 'bottom',\n offsetY: -15,\n }),\n image: new RegularShape({\n radius: 8,\n points: 3,\n angle: Math.PI,\n displacement: [0, 10],\n fill: new Fill({\n color: 'rgba(0, 0, 0, 0.7)',\n }),\n }),\n});\n\nconst segmentStyle = new Style({\n text: new Text({\n font: '12px Calibri,sans-serif',\n fill: new Fill({\n color: 'rgba(255, 255, 255, 1)',\n }),\n backgroundFill: new Fill({\n color: 'rgba(0, 0, 0, 0.4)',\n }),\n padding: [2, 2, 2, 2],\n textBaseline: 'bottom',\n offsetY: -12,\n }),\n image: new RegularShape({\n radius: 6,\n points: 3,\n angle: Math.PI,\n displacement: [0, 8],\n fill: new Fill({\n color: 'rgba(0, 0, 0, 0.4)',\n }),\n }),\n});\n\nconst segmentStyles = [segmentStyle];\n\nconst formatLength = line => {\n const length = getLength(line, { projection: 'EPSG:4326' });\n let output;\n if (length > 100) {\n output = `${Math.round((length / 1000) * 100) / 100} km`;\n } else {\n output = `${Math.round(length * 100) / 100} m`;\n }\n return output;\n};\n\nconst formatArea = polygon => {\n const area = getArea(polygon, { projection: 'EPSG:4326' });\n let output;\n if (area > 10000) {\n output = `${Math.round((area / 1000000) * 100) / 100} km²`;\n } else {\n output = `${Math.round(area * 100) / 100} m²`;\n }\n return output;\n};\n\nconst styleFunction = ({ feature, segments, drawType }) => {\n const styles = [\n new Style({\n fill: new Fill({\n color: 'rgba(255, 255, 255, 0.2)',\n }),\n stroke: new Stroke({\n color: 'rgba(0, 0, 0, 0.5)',\n lineDash: [10, 10],\n width: 2,\n }),\n image: new CircleStyle({\n radius: 5,\n stroke: new Stroke({\n color: 'rgba(0, 0, 0, 0.7)',\n }),\n fill: new Fill({\n color: 'rgba(255, 255, 255, 0.2)',\n }),\n }),\n }),\n ];\n const geometry = feature.getGeometry();\n const type = geometry.getType();\n let point, label, line;\n if (!drawType || drawType === type) {\n if (type === 'Polygon') {\n point = geometry.getInteriorPoint();\n label = formatArea(geometry);\n line = new LineString(geometry.getCoordinates()[0]);\n } else if (type === 'LineString') {\n point = new Point(geometry.getLastCoordinate());\n label = formatLength(geometry);\n line = geometry;\n }\n }\n if (segments && line) {\n let count = 0;\n line.forEachSegment(function(a, b) {\n const segment = new LineString([a, b]);\n const label = formatLength(segment);\n if (segmentStyles.length - 1 < count) {\n segmentStyles.push(segmentStyle.clone());\n }\n const segmentPoint = new Point(segment.getCoordinateAt(0.5));\n segmentStyles[count].setGeometry(segmentPoint);\n segmentStyles[count].getText().setText(label);\n styles.push(segmentStyles[count]);\n count++;\n });\n }\n if (label) {\n labelStyle.setGeometry(point);\n labelStyle.getText().setText(label);\n styles.push(labelStyle);\n }\n\n return styles;\n};\n\nexport default class {\n constructor(options) {\n this.map = options.map;\n this.type = options.type || 'MeasureDistance';\n this.clearPrevious = options.clearPrevious;\n\n let segments = options.segments;\n\n this.source = new VectorSource();\n this.layer = new VectorLayer({\n source: this.source,\n style: feature => {\n return styleFunction({ feature, segments });\n },\n zIndex: 99,\n });\n\n this.layer.key = this.type;\n\n // 测距\n let drawType = this.type === 'MeasureDistance' ? 'LineString' : 'Polygon';\n this.tool = new Draw({\n source: this.source,\n type: drawType,\n style: function(feature) {\n return styleFunction({ feature, segments, drawType });\n },\n });\n this.map.addInteraction(this.tool);\n\n this.setActive();\n\n this.map.addLayer(this.layer);\n\n this.map.showTip('鼠标单击开始绘制');\n\n this.tool.on('drawstart', () => {\n if (this.clearPrevious) {\n this.source.clear();\n }\n\n this.map.showTip('鼠标单击继续绘制');\n });\n\n this.tool.on('drawend', () => {\n this.map.showTip('鼠标单击开始绘制');\n });\n }\n\n setActive() {\n this.tool.setActive(true);\n }\n\n set segments(val) {\n this.layer &&\n this.layer.setStyle(feature => {\n return styleFunction({ feature, segments: val });\n });\n\n this.tool &&\n this.tool.getOverlay().setStyle(feature => {\n return styleFunction({ feature, segments: val });\n });\n }\n\n destroy() {\n this.map.hideTip();\n\n this.map.removeInteraction(this.tool);\n\n this.map.removeLayer(this.layer);\n }\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _antd = require("antd");
|
|
10
|
+
var _Measure = _interopRequireDefault(require("../Measure/Measure"));
|
|
11
|
+
var _Modal = _interopRequireDefault(require("../../components/Modal"));
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
18
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
19
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
20
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
+
var _default = function _default(props) {
|
|
22
|
+
var _props$type = props.type,
|
|
23
|
+
type = _props$type === void 0 ? 'MeasureDistance' : _props$type,
|
|
24
|
+
map = props.map,
|
|
25
|
+
active = props.active,
|
|
26
|
+
onClose = props.onClose;
|
|
27
|
+
var _useState = (0, _react.useState)(true),
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
segments = _useState2[0],
|
|
30
|
+
setSegments = _useState2[1];
|
|
31
|
+
var _useState3 = (0, _react.useState)(true),
|
|
32
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
33
|
+
clearPrevious = _useState4[0],
|
|
34
|
+
setClearPrevious = _useState4[1];
|
|
35
|
+
var tool = (0, _react.useRef)();
|
|
36
|
+
(0, _react.useEffect)(function () {
|
|
37
|
+
var measure = new _Measure["default"]({
|
|
38
|
+
map: map,
|
|
39
|
+
type: type,
|
|
40
|
+
segments: segments,
|
|
41
|
+
clearPrevious: clearPrevious
|
|
42
|
+
});
|
|
43
|
+
tool.current = measure;
|
|
44
|
+
return function () {
|
|
45
|
+
measure.destroy();
|
|
46
|
+
};
|
|
47
|
+
}, [active]);
|
|
48
|
+
var onSegmentsChange = function onSegmentsChange(e) {
|
|
49
|
+
var checked = e.target.checked;
|
|
50
|
+
tool.current.segments = checked;
|
|
51
|
+
setSegments(checked);
|
|
52
|
+
};
|
|
53
|
+
var onClearPreviousChange = function onClearPreviousChange(e) {
|
|
54
|
+
var checked = e.target.checked;
|
|
55
|
+
tool.current.clearPrevious = checked;
|
|
56
|
+
setClearPrevious(checked);
|
|
57
|
+
};
|
|
58
|
+
return /*#__PURE__*/_react["default"].createElement(_Modal["default"], {
|
|
59
|
+
title: type === 'MeasureDistance' ? '测距' : '测面',
|
|
60
|
+
onClose: onClose
|
|
61
|
+
}, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
|
|
62
|
+
checked: segments,
|
|
63
|
+
onChange: onSegmentsChange
|
|
64
|
+
}, "\u663E\u793A\u6BCF\u6BB5\u957F\u5EA6"), /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
|
|
65
|
+
checked: clearPrevious,
|
|
66
|
+
onChange: onClearPreviousChange
|
|
67
|
+
}, "\u6E05\u9664\u4E0A\u6B21\u7684\u6D4B\u91CF\u7ED3\u679C"));
|
|
68
|
+
};
|
|
69
|
+
exports["default"] = _default;
|
|
70
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_antd","_Measure","_interopRequireDefault","_Modal","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","_default","props","_props$type","type","map","active","onClose","_useState","useState","_useState2","segments","setSegments","_useState3","_useState4","clearPrevious","setClearPrevious","tool","useRef","useEffect","measure","Measure","current","destroy","onSegmentsChange","e","checked","target","onClearPreviousChange","createElement","title","Checkbox","onChange","exports"],"sources":["tools/Toolbox/Measure/index.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Checkbox } from 'antd';\nimport Measure from '../Measure/Measure';\nimport Modal from '../../components/Modal';\n\nexport default props => {\n const {\n type = 'MeasureDistance', // 测距 MeasureDistance | 测面 MeasureArea\n map,\n active,\n onClose,\n } = props;\n\n const [segments, setSegments] = useState(true);\n const [clearPrevious, setClearPrevious] = useState(true);\n const tool = useRef();\n\n useEffect(() => {\n let measure = new Measure({\n map,\n type,\n segments,\n clearPrevious,\n });\n\n tool.current = measure;\n\n return () => {\n measure.destroy();\n };\n }, [active]);\n\n const onSegmentsChange = e => {\n let checked = e.target.checked;\n\n tool.current.segments = checked;\n\n setSegments(checked);\n };\n\n const onClearPreviousChange = e => {\n let checked = e.target.checked;\n\n tool.current.clearPrevious = checked;\n\n setClearPrevious(checked);\n };\n return (\n <Modal title={type === 'MeasureDistance' ? '测距' : '测面'} onClose={onClose}>\n <Checkbox checked={segments} onChange={onSegmentsChange}>\n 显示每段长度\n </Checkbox>\n <Checkbox checked={clearPrevious} onChange={onClearPreviousChange}>\n 清除上次的测量结果\n </Checkbox>\n </Modal>\n );\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _SelectTools = _interopRequireDefault(require("../SelectTools"));
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /*
|
|
11
|
+
* @Description:多边形选择
|
|
12
|
+
*/
|
|
13
|
+
var _default = function _default(props) {
|
|
14
|
+
return /*#__PURE__*/_react["default"].createElement(_SelectTools["default"], _extends({}, props, {
|
|
15
|
+
drawType: "Polygon",
|
|
16
|
+
title: "\u591A\u8FB9\u5F62\u9009\u62E9"
|
|
17
|
+
}));
|
|
18
|
+
};
|
|
19
|
+
exports["default"] = _default;
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_SelectTools","obj","__esModule","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","props","createElement","drawType","title","exports"],"sources":["tools/Toolbox/PolygonSelect/index.js"],"sourcesContent":["/*\n * @Description:多边形选择\n */\nimport React from 'react';\nimport SelectTools from '../SelectTools';\n\nexport default props => {\n return <SelectTools {...props} drawType=\"Polygon\" title=\"多边形选择\" />;\n};\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA,KAJzC;AACA;AACA;AAFA,IAAAQ,QAAA,GAMe,SAAAA,SAAAC,KAAK,EAAI;EACtB,oBAAOrB,MAAA,YAAAsB,aAAA,CAACnB,YAAA,WAAW,EAAAG,QAAA,KAAKe,KAAK;IAAEE,QAAQ,EAAC,SAAS;IAACC,KAAK,EAAC;EAAO,EAAE,CAAC;AACpE,CAAC;AAAAC,OAAA,cAAAL,QAAA"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _control = require("ol/control");
|
|
10
|
+
var _ToolItem = _interopRequireDefault(require("../../components/ToolItem"));
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
16
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
18
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
19
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
|
+
var _default = function _default(props) {
|
|
21
|
+
var map = props.map;
|
|
22
|
+
var _useState = (0, _react.useState)(false),
|
|
23
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
+
active = _useState2[0],
|
|
25
|
+
setActive = _useState2[1];
|
|
26
|
+
var controlRef = (0, _react.useRef)();
|
|
27
|
+
(0, _react.useEffect)(function () {
|
|
28
|
+
var control = controlRef.current || new _control.ScaleLine({
|
|
29
|
+
units: 'metric',
|
|
30
|
+
bar: true,
|
|
31
|
+
text: true,
|
|
32
|
+
minWidth: 125,
|
|
33
|
+
className: 'custom-scaleLine'
|
|
34
|
+
});
|
|
35
|
+
if (active) {
|
|
36
|
+
map.addControl(controlRef.current);
|
|
37
|
+
} else {
|
|
38
|
+
map.removeControl(controlRef.current);
|
|
39
|
+
}
|
|
40
|
+
controlRef.current = control;
|
|
41
|
+
return function () {
|
|
42
|
+
map.removeControl(control);
|
|
43
|
+
};
|
|
44
|
+
}, [active]);
|
|
45
|
+
return /*#__PURE__*/_react["default"].createElement(_ToolItem["default"], {
|
|
46
|
+
onClick: function onClick() {
|
|
47
|
+
return setActive(!active);
|
|
48
|
+
},
|
|
49
|
+
label: "\u6BD4\u4F8B\u5C3A",
|
|
50
|
+
icon: "icon-ceju",
|
|
51
|
+
active: active
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
exports["default"] = _default;
|
|
55
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_control","_ToolItem","_interopRequireDefault","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","isArray","_default","props","map","_useState","useState","_useState2","active","setActive","controlRef","useRef","useEffect","control","current","ScaleLine","units","bar","text","minWidth","className","addControl","removeControl","createElement","onClick","label","icon","exports"],"sources":["tools/Toolbox/ScaleLine/index.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { ScaleLine } from 'ol/control';\nimport ToolItem from '../../components/ToolItem';\n\nexport default props => {\n const { map } = props;\n\n const [active, setActive] = useState(false);\n const controlRef = useRef();\n\n useEffect(() => {\n let control =\n controlRef.current ||\n new ScaleLine({\n units: 'metric',\n bar: true,\n text: true,\n minWidth: 125,\n className: 'custom-scaleLine',\n });\n if (active) {\n map.addControl(controlRef.current);\n } else {\n map.removeControl(controlRef.current);\n }\n\n controlRef.current = control;\n\n return () => {\n map.removeControl(control);\n };\n }, [active]);\n\n return (\n <ToolItem onClick={() => setActive(!active)} label=\"比例尺\" icon=\"icon-ceju\" active={active} />\n );\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
.labelWrap {
|
|
2
|
+
display: -webkit-box;
|
|
3
|
+
display: -ms-flexbox;
|
|
4
|
+
display: flex;
|
|
5
|
+
-webkit-box-align: center;
|
|
6
|
+
-ms-flex-align: center;
|
|
7
|
+
align-items: center;
|
|
8
|
+
}
|
|
9
|
+
.labelWrap .title {
|
|
10
|
+
-ms-flex-negative: 0;
|
|
11
|
+
flex-shrink: 0;
|
|
12
|
+
}
|
|
13
|
+
.labelWrap .label {
|
|
14
|
+
color: red;
|
|
15
|
+
}
|