@vtx/cs-map 1.0.6 → 1.0.8
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 -202
- package/lib/_util/EventEmitter.js +80 -0
- package/lib/_util/EventEmitter.js.map +1 -0
- package/lib/_util/Provider.js +14 -0
- package/lib/_util/Provider.js.map +1 -0
- package/lib/_util/getDefaultMapInfo.js +2 -2
- package/lib/_util/getDefaultMapInfo.js.map +1 -1
- package/lib/_util/useProps.js +15 -0
- package/lib/_util/useProps.js.map +1 -0
- package/lib/assets/colors.png +0 -0
- package/lib/assets/colors1.png +0 -0
- package/lib/cesium-3dtiles-layer/Cesium3DTilesLayer.js +38 -0
- package/lib/cesium-3dtiles-layer/Cesium3DTilesLayer.js.map +1 -0
- package/lib/cesium-3dtiles-layer/index.js +30 -0
- package/lib/cesium-3dtiles-layer/index.js.map +1 -0
- package/lib/feature-layer/FeatureLayer.js +47 -12
- package/lib/feature-layer/FeatureLayer.js.map +1 -1
- package/lib/feature-layer/createFeatureCollection.js +4 -0
- package/lib/feature-layer/createFeatureCollection.js.map +1 -1
- package/lib/feature-layer/index.js +35 -25
- package/lib/feature-layer/index.js.map +1 -1
- package/lib/group-layer/GroupLayer.js +89 -0
- package/lib/group-layer/GroupLayer.js.map +1 -0
- package/lib/group-layer/index.js +68 -0
- package/lib/group-layer/index.js.map +1 -0
- package/lib/group-layer/style/css.js +4 -0
- package/lib/group-layer/style/css.js.map +1 -0
- package/lib/group-layer/style/index.css +0 -0
- package/lib/group-layer/style/index.js +4 -0
- package/lib/group-layer/style/index.js.map +1 -0
- package/lib/group-layer/style/index.less +0 -0
- package/lib/highlight-layer/HighlightLayer.js +172 -0
- package/lib/highlight-layer/HighlightLayer.js.map +1 -0
- package/lib/highlight-layer/index.js +25 -0
- package/lib/highlight-layer/index.js.map +1 -0
- package/lib/highlight-layer/style/css.js +4 -0
- package/lib/highlight-layer/style/css.js.map +1 -0
- package/lib/highlight-layer/style/index.css +0 -0
- package/lib/highlight-layer/style/index.js +4 -0
- package/lib/highlight-layer/style/index.js.map +1 -0
- package/lib/highlight-layer/style/index.less +0 -0
- package/lib/image-layer/ImageLayer.js +113 -0
- package/lib/image-layer/ImageLayer.js.map +1 -0
- package/lib/image-layer/index.js +74 -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 +36 -1
- package/lib/index.js.map +1 -1
- package/lib/line-flow-layer/LineFlowLayer.js +110 -0
- package/lib/line-flow-layer/LineFlowLayer.js.map +1 -0
- package/lib/line-flow-layer/index.js +30 -0
- package/lib/line-flow-layer/index.js.map +1 -0
- package/lib/line-flow-layer/style/css.js +4 -0
- package/lib/line-flow-layer/style/css.js.map +1 -0
- package/lib/line-flow-layer/style/index.css +0 -0
- package/lib/line-flow-layer/style/index.js +4 -0
- package/lib/line-flow-layer/style/index.js.map +1 -0
- package/lib/line-flow-layer/style/index.less +0 -0
- package/lib/map/InfoTool/index.css +55 -0
- package/lib/map/InfoTool/index.js +247 -0
- package/lib/map/InfoTool/index.js.map +1 -0
- package/lib/map/InfoTool/index.less +46 -0
- package/lib/map/InfoTool/util.js +113 -0
- package/lib/map/InfoTool/util.js.map +1 -0
- package/lib/map/InfoWindow.js +11 -6
- package/lib/map/InfoWindow.js.map +1 -1
- package/lib/map/Popup.js +164 -78
- package/lib/map/Popup.js.map +1 -1
- package/lib/map/hooks/useGetMapFeatureInfoByText.js +211 -0
- package/lib/map/hooks/useGetMapFeatureInfoByText.js.map +1 -0
- package/lib/map/index.js +415 -102
- package/lib/map/index.js.map +1 -1
- package/lib/map/style/index.css +76 -9
- package/lib/map/style/index.less +79 -8
- package/lib/marker/Marker.js +1 -0
- package/lib/marker/Marker.js.map +1 -1
- package/lib/marker/index.js +6 -4
- package/lib/marker/index.js.map +1 -1
- package/lib/material/TrailPolylineMaterial.js +31 -0
- package/lib/material/TrailPolylineMaterial.js.map +1 -0
- package/lib/point/index.js +6 -4
- package/lib/point/index.js.map +1 -1
- package/lib/polygon/index.js +6 -4
- package/lib/polygon/index.js.map +1 -1
- package/lib/polyline/index.js +6 -4
- package/lib/polyline/index.js.map +1 -1
- package/lib/renderer/index.js +4 -1
- package/lib/renderer/index.js.map +1 -1
- package/lib/tools/assets/footer.png +0 -0
- package/lib/tools/assets/layer.png +0 -0
- package/lib/tools/assets/search.png +0 -0
- package/lib/tools/index.js +37 -0
- package/lib/tools/index.js.map +1 -0
- package/lib/tools/layer/index.js +169 -0
- package/lib/tools/layer/index.js.map +1 -0
- package/lib/tools/search/Select/index.js +56 -0
- package/lib/tools/search/Select/index.js.map +1 -0
- package/lib/tools/search/Select/style/css.js +4 -0
- package/lib/tools/search/Select/style/css.js.map +1 -0
- package/lib/tools/search/Select/style/index.css +45 -0
- package/lib/tools/search/Select/style/index.js +4 -0
- package/lib/tools/search/Select/style/index.js.map +1 -0
- package/lib/tools/search/Select/style/index.less +47 -0
- package/lib/tools/search/index.js +203 -0
- package/lib/tools/search/index.js.map +1 -0
- package/lib/tools/style/css.js +8 -0
- package/lib/tools/style/css.js.map +1 -0
- package/lib/tools/style/index.css +123 -0
- package/lib/tools/style/index.js +8 -0
- package/lib/tools/style/index.js.map +1 -0
- package/lib/tools/style/index.less +120 -0
- package/lib/tools/tools-item/index.js +50 -0
- package/lib/tools/tools-item/index.js.map +1 -0
- package/lib/trail-polyline-layer/TrailPolylineLayer.js +84 -0
- package/lib/trail-polyline-layer/TrailPolylineLayer.js.map +1 -0
- package/lib/trail-polyline-layer/index.js +28 -0
- package/lib/trail-polyline-layer/index.js.map +1 -0
- package/lib/trail-polyline-layer/style/css.js +4 -0
- package/lib/trail-polyline-layer/style/css.js.map +1 -0
- package/lib/trail-polyline-layer/style/index.css +0 -0
- package/lib/trail-polyline-layer/style/index.js +4 -0
- package/lib/trail-polyline-layer/style/index.js.map +1 -0
- package/lib/trail-polyline-layer/style/index.less +0 -0
- package/package.json +121 -121
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_ImageLayer","_interopRequireDefault","_ahooks","_events","_useProps2","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_default","props","url","params","geoserverParams","style","zIndex","id","_key","name","labelField","legend","template","modalType","codeField","_props$visible","visible","groupLayer","layerRef","useRef","_useProps","useProps","map","useEffect","layer","ImageLayer","registerEventLayer","addLayer","current","removeLayer","useUpdateEffect","show","createElement","Fragment"],"sources":["image-layer/index.js"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport ImageLayer from './ImageLayer';\nimport { useUpdateEffect } from 'ahooks';\nimport { registerEventLayer } from '../events';\nimport useProps from \"../_util/useProps\";\n\nexport default function(props) {\n const {\n url,\n params,\n geoserverParams,\n style,\n zIndex,\n id: key,\n _key,\n name,\n labelField,\n legend,\n template,\n modalType,\n codeField,\n visible = true,\n groupLayer\n } = props;\n const layerRef = useRef();\n const { map } = useProps();\n\n useEffect(() => {\n let layer = new ImageLayer({\n url,\n params,\n geoserverParams,\n style,\n zIndex,\n key: key || _key,\n name,\n labelField,\n legend,\n template,\n modalType,\n codeField,\n visible\n });\n\n // 注册事件\n registerEventLayer(layer, props);\n\n if (groupLayer) {\n groupLayer.addLayer(layer);\n } else {\n map.addLayer(layer);\n }\n\n layerRef.current = layer;\n return () => {\n if (groupLayer) {\n groupLayer.removeLayer(layer);\n } else {\n map.removeLayer(layer);\n }\n };\n }, []);\n\n useUpdateEffect(() => {\n layerRef.current.show = visible;\n }, [visible])\n\n return <></>;\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.js","names":["require"],"sources":["image-layer/style/index.js"],"sourcesContent":["import './index.less';\r\n"],"mappings":";;AAAAA,OAAA"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["require"],"sources":["image-layer/style/index.js"],"sourcesContent":["import './index.less';\r\n"],"mappings":";;AAAAA,OAAA"}
|
|
File without changes
|
package/lib/index.js
CHANGED
|
@@ -9,6 +9,24 @@ Object.defineProperty(exports, "FeatureLayer", {
|
|
|
9
9
|
return _featureLayer["default"];
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
+
Object.defineProperty(exports, "GroupLayer", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _groupLayer["default"];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "ImageLayer", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _imageLayer["default"];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "LineFlowLayer", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _lineFlowLayer["default"];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
12
30
|
Object.defineProperty(exports, "Map", {
|
|
13
31
|
enumerable: true,
|
|
14
32
|
get: function get() {
|
|
@@ -39,11 +57,28 @@ Object.defineProperty(exports, "Polyline", {
|
|
|
39
57
|
return _polyline["default"];
|
|
40
58
|
}
|
|
41
59
|
});
|
|
60
|
+
Object.defineProperty(exports, "Tools", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _tools["default"];
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "TrailPolylineLayer", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _trailPolylineLayer["default"];
|
|
70
|
+
}
|
|
71
|
+
});
|
|
42
72
|
var _map = _interopRequireDefault(require("./map"));
|
|
43
|
-
var _featureLayer = _interopRequireDefault(require("./feature-layer"));
|
|
44
73
|
var _point = _interopRequireDefault(require("./point"));
|
|
45
74
|
var _marker = _interopRequireDefault(require("./marker"));
|
|
46
75
|
var _polyline = _interopRequireDefault(require("./polyline"));
|
|
47
76
|
var _polygon = _interopRequireDefault(require("./polygon"));
|
|
77
|
+
var _groupLayer = _interopRequireDefault(require("./group-layer"));
|
|
78
|
+
var _imageLayer = _interopRequireDefault(require("./image-layer"));
|
|
79
|
+
var _featureLayer = _interopRequireDefault(require("./feature-layer"));
|
|
80
|
+
var _lineFlowLayer = _interopRequireDefault(require("./line-flow-layer"));
|
|
81
|
+
var _trailPolylineLayer = _interopRequireDefault(require("./trail-polyline-layer"));
|
|
82
|
+
var _tools = _interopRequireDefault(require("./tools"));
|
|
48
83
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
49
84
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_map","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_map","_interopRequireDefault","require","_point","_marker","_polyline","_polygon","_groupLayer","_imageLayer","_featureLayer","_lineFlowLayer","_trailPolylineLayer","_tools","obj","__esModule"],"sources":["index.js"],"sourcesContent":["export { default as Map } from './map';\n\nexport { default as Point } from './point';\nexport { default as Marker } from './marker';\nexport { default as Polyline } from './polyline';\nexport { default as Polygon } from './polygon';\n\nexport { default as GroupLayer } from './group-layer';\nexport { default as ImageLayer } from './image-layer';\nexport { default as FeatureLayer } from './feature-layer';\nexport { default as LineFlowLayer } from './line-flow-layer';\nexport { default as TrailPolylineLayer } from './trail-polyline-layer';\n\nexport { default as Tools } from './tools';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,QAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,aAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,cAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,mBAAA,GAAAV,sBAAA,CAAAC,OAAA;AAEA,IAAAU,MAAA,GAAAX,sBAAA,CAAAC,OAAA;AAA2C,SAAAD,uBAAAY,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _cesium = require("cesium");
|
|
9
|
+
var _createFeatureCollection = require("../feature-layer/createFeatureCollection");
|
|
10
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
11
|
+
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); } }
|
|
12
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
13
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
|
+
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); }
|
|
15
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
16
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
17
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
18
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
19
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
20
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
21
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
22
|
+
var LineFlowLayer = /*#__PURE__*/function (_Primitive) {
|
|
23
|
+
_inherits(LineFlowLayer, _Primitive);
|
|
24
|
+
var _super = _createSuper(LineFlowLayer);
|
|
25
|
+
function LineFlowLayer(option) {
|
|
26
|
+
var _this;
|
|
27
|
+
_classCallCheck(this, LineFlowLayer);
|
|
28
|
+
var fadeOutColor = option.fadeOutColor,
|
|
29
|
+
fadeInColor = option.fadeInColor,
|
|
30
|
+
_option$width = option.width,
|
|
31
|
+
width = _option$width === void 0 ? 4.0 : _option$width,
|
|
32
|
+
data = option.data,
|
|
33
|
+
_option$fadeOutOpacit = option.fadeOutOpacity,
|
|
34
|
+
fadeOutOpacity = _option$fadeOutOpacit === void 0 ? 1 : _option$fadeOutOpacit,
|
|
35
|
+
_option$fadeInOpacity = option.fadeInOpacity,
|
|
36
|
+
fadeInOpacity = _option$fadeInOpacity === void 0 ? 1 : _option$fadeInOpacity,
|
|
37
|
+
_option$speed = option.speed,
|
|
38
|
+
speed = _option$speed === void 0 ? 0.005 : _option$speed,
|
|
39
|
+
key = option.id,
|
|
40
|
+
name = option.name,
|
|
41
|
+
labelField = option.labelField,
|
|
42
|
+
template = option.template;
|
|
43
|
+
var instances = data.map(function (item) {
|
|
44
|
+
var geometry = (0, _createFeatureCollection.transformGeometry)(item.geometryInfo);
|
|
45
|
+
var polyline = new _cesium.PolylineGeometry({
|
|
46
|
+
positions: _cesium.Cartesian3.fromDegreesArray(geometry.coordinates.flat(Infinity)),
|
|
47
|
+
width: width,
|
|
48
|
+
arcType: _cesium.ArcType.GEODESIC
|
|
49
|
+
});
|
|
50
|
+
return new _cesium.GeometryInstance({
|
|
51
|
+
geometry: polyline,
|
|
52
|
+
values_: item,
|
|
53
|
+
id: item.id
|
|
54
|
+
});
|
|
55
|
+
});
|
|
56
|
+
var appearance = new _cesium.PolylineMaterialAppearance({
|
|
57
|
+
material: _cesium.Material.fromType(_cesium.Material.FadeType, {
|
|
58
|
+
repeat: true,
|
|
59
|
+
fadeInColor: _cesium.Color.fromCssColorString(fadeInColor || 'rgb(255, 255, 255)').withAlpha(fadeInOpacity),
|
|
60
|
+
fadeOutColor: _cesium.Color.fromCssColorString(fadeOutColor || 'rgb(16, 129, 255)').withAlpha(fadeOutOpacity),
|
|
61
|
+
time: new _cesium.Cartesian2(0, 0),
|
|
62
|
+
maximumDistance: 0.15 / 2.5,
|
|
63
|
+
fadeDirection: {
|
|
64
|
+
x: true,
|
|
65
|
+
y: false
|
|
66
|
+
}
|
|
67
|
+
})
|
|
68
|
+
});
|
|
69
|
+
var primitive = new _cesium.Primitive({
|
|
70
|
+
geometryInstances: instances,
|
|
71
|
+
compressVertices: false,
|
|
72
|
+
show: true,
|
|
73
|
+
appearance: appearance,
|
|
74
|
+
depthFailAppearance: appearance
|
|
75
|
+
});
|
|
76
|
+
var timex = 0;
|
|
77
|
+
function render() {
|
|
78
|
+
timex += speed; // 控制流动速度
|
|
79
|
+
if (timex >= 1) {
|
|
80
|
+
timex = 0; // 控制在0.0到1.0之间
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
primitive.appearance.material.uniforms.time.x = timex;
|
|
84
|
+
(0, _cesium.requestAnimationFrame)(render);
|
|
85
|
+
}
|
|
86
|
+
(0, _cesium.requestAnimationFrame)(render);
|
|
87
|
+
_this = _super.call(this, primitive);
|
|
88
|
+
|
|
89
|
+
// 图层标识
|
|
90
|
+
_this.key = key;
|
|
91
|
+
|
|
92
|
+
// 图层名称
|
|
93
|
+
_this.name = name;
|
|
94
|
+
|
|
95
|
+
// 标签字段
|
|
96
|
+
_this.labelField = labelField;
|
|
97
|
+
|
|
98
|
+
// 模版内容
|
|
99
|
+
_this.template = template;
|
|
100
|
+
_this.data = data;
|
|
101
|
+
return _this;
|
|
102
|
+
}
|
|
103
|
+
_createClass(LineFlowLayer, [{
|
|
104
|
+
key: "render",
|
|
105
|
+
value: function render() {}
|
|
106
|
+
}]);
|
|
107
|
+
return LineFlowLayer;
|
|
108
|
+
}(_cesium.Primitive);
|
|
109
|
+
exports["default"] = LineFlowLayer;
|
|
110
|
+
//# sourceMappingURL=LineFlowLayer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LineFlowLayer.js","names":["_cesium","require","_createFeatureCollection","_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","_toPropertyKey","key","_createClass","protoProps","staticProps","prototype","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","Number","_inherits","subClass","superClass","create","constructor","value","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf","result","NewTarget","Reflect","construct","arguments","apply","_possibleConstructorReturn","self","_assertThisInitialized","ReferenceError","sham","Proxy","Boolean","valueOf","e","getPrototypeOf","LineFlowLayer","_Primitive","_super","option","_this","fadeOutColor","fadeInColor","_option$width","width","data","_option$fadeOutOpacit","fadeOutOpacity","_option$fadeInOpacity","fadeInOpacity","_option$speed","speed","id","name","labelField","template","instances","map","item","geometry","transformGeometry","geometryInfo","polyline","PolylineGeometry","positions","Cartesian3","fromDegreesArray","coordinates","flat","Infinity","arcType","ArcType","GEODESIC","GeometryInstance","values_","appearance","PolylineMaterialAppearance","material","Material","fromType","FadeType","repeat","Color","fromCssColorString","withAlpha","time","Cartesian2","maximumDistance","fadeDirection","x","y","primitive","Primitive","geometryInstances","compressVertices","show","depthFailAppearance","timex","render","uniforms","requestAnimationFrame","exports"],"sources":["line-flow-layer/LineFlowLayer.js"],"sourcesContent":["import {\n ArcType,\n Cartesian2,\n Cartesian3,\n Color,\n GeometryInstance,\n Material,\n PolylineGeometry,\n PolylineMaterialAppearance,\n Primitive,\n requestAnimationFrame,\n} from 'cesium';\nimport { transformGeometry } from '../feature-layer/createFeatureCollection';\n\nexport default class LineFlowLayer extends Primitive {\n constructor(option) {\n const {\n fadeOutColor,\n fadeInColor,\n width = 4.0,\n data,\n fadeOutOpacity = 1,\n fadeInOpacity = 1,\n speed = 0.005,\n id:key,\n name,\n labelField,\n template,\n } = option;\n const instances = data.map(item => {\n const geometry = transformGeometry(item.geometryInfo);\n const polyline = new PolylineGeometry({\n positions: Cartesian3.fromDegreesArray(geometry.coordinates.flat(Infinity)),\n width,\n arcType: ArcType.GEODESIC,\n });\n return new GeometryInstance({\n geometry: polyline,\n values_: item,\n id: item.id\n });\n });\n const appearance = new PolylineMaterialAppearance({\n material: Material.fromType(Material.FadeType, {\n repeat: true,\n fadeInColor: Color.fromCssColorString(\n fadeInColor || 'rgb(255, 255, 255)',\n ).withAlpha(fadeInOpacity),\n fadeOutColor: Color.fromCssColorString(\n fadeOutColor || 'rgb(16, 129, 255)',\n ).withAlpha(fadeOutOpacity),\n time: new Cartesian2(0, 0),\n maximumDistance: 0.15 / 2.5,\n fadeDirection: {\n x: true,\n y: false,\n },\n }),\n });\n const primitive = new Primitive({\n geometryInstances: instances,\n compressVertices: false,\n show: true,\n appearance: appearance,\n depthFailAppearance: appearance,\n });\n let timex = 0;\n function render() {\n timex += speed; // 控制流动速度\n if (timex >= 1) {\n timex = 0; // 控制在0.0到1.0之间\n }\n\n primitive.appearance.material.uniforms.time.x = timex;\n requestAnimationFrame(render);\n }\n requestAnimationFrame(render);\n super(primitive);\n\n // 图层标识\n this.key = key;\n\n // 图层名称\n this.name = name;\n\n // 标签字段\n this.labelField = labelField;\n\n // 模版内容\n this.template = template;\n\n this.data = data\n }\n\n render() {\n\n }\n\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = _default;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _useProps2 = _interopRequireDefault(require("../_util/useProps"));
|
|
10
|
+
var _LineFlowLayer = _interopRequireDefault(require("./LineFlowLayer"));
|
|
11
|
+
var _events = require("../events");
|
|
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 _default(props) {
|
|
16
|
+
var _useProps = (0, _useProps2["default"])(),
|
|
17
|
+
map = _useProps.map;
|
|
18
|
+
var data = props.data;
|
|
19
|
+
(0, _react.useEffect)(function () {
|
|
20
|
+
var primitive = new _LineFlowLayer["default"](props);
|
|
21
|
+
// 注册事件
|
|
22
|
+
(0, _events.registerEventLayer)(primitive, props);
|
|
23
|
+
map.scene.primitives.add(primitive);
|
|
24
|
+
return function () {
|
|
25
|
+
map.scene.primitives.remove(primitive);
|
|
26
|
+
};
|
|
27
|
+
}, [data]);
|
|
28
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_useProps2","_interopRequireDefault","_LineFlowLayer","_events","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_default","props","_useProps","useProps","map","data","useEffect","primitive","LineFlowLayer","registerEventLayer","scene","primitives","add","remove","createElement","Fragment"],"sources":["line-flow-layer/index.jsx"],"sourcesContent":["import React from 'react';\nimport useProps from '../_util/useProps';\nimport { useEffect } from 'react';\nimport LineFlowLayer from './LineFlowLayer';\nimport { registerEventLayer } from '../events';\n\nexport default function(props) {\n const { map } = useProps();\n const { data } = props;\n useEffect(() => {\n const primitive = new LineFlowLayer(props);\n // 注册事件\n registerEventLayer(primitive, props);\n map.scene.primitives.add(primitive);\n return () => {\n map.scene.primitives.remove(primitive);\n };\n }, [data]);\n return <></>;\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA+C,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAM,GAAA,EAAAG,WAAA,SAAAA,WAAA,IAAAH,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAO,OAAA,CAAAP,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAQ,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,cAAAX,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAEhC,SAAAW,SAASC,KAAK,EAAE;EAC3B,IAAAC,SAAA,GAAgB,IAAAC,qBAAQ,EAAC,CAAC;IAAlBC,GAAG,GAAAF,SAAA,CAAHE,GAAG;EACX,IAAQC,IAAI,GAAKJ,KAAK,CAAdI,IAAI;EACZ,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAMC,SAAS,GAAG,IAAIC,yBAAa,CAACP,KAAK,CAAC;IAC1C;IACA,IAAAQ,0BAAkB,EAACF,SAAS,EAAEN,KAAK,CAAC;IACpCG,GAAG,CAACM,KAAK,CAACC,UAAU,CAACC,GAAG,CAACL,SAAS,CAAC;IACnC,OAAO,YAAM;MACTH,GAAG,CAACM,KAAK,CAACC,UAAU,CAACE,MAAM,CAACN,SAAS,CAAC;IAC1C,CAAC;EACL,CAAC,EAAE,CAACF,IAAI,CAAC,CAAC;EACV,oBAAOlC,MAAA,YAAA2C,aAAA,CAAA3C,MAAA,YAAA4C,QAAA,MAAI,CAAC;AAChB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.js","names":["require"],"sources":["line-flow-layer/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["require"],"sources":["line-flow-layer/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA"}
|
|
File without changes
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
.helsing-three-plugins-infotool {
|
|
2
|
+
display: none;
|
|
3
|
+
-webkit-box-orient: vertical;
|
|
4
|
+
-webkit-box-direction: reverse;
|
|
5
|
+
-ms-flex-direction: column-reverse;
|
|
6
|
+
flex-direction: column-reverse;
|
|
7
|
+
position: fixed;
|
|
8
|
+
top: 0;
|
|
9
|
+
left: 0;
|
|
10
|
+
min-width: 100px;
|
|
11
|
+
height: 250px;
|
|
12
|
+
-webkit-user-select: none;
|
|
13
|
+
-moz-user-select: none;
|
|
14
|
+
-ms-user-select: none;
|
|
15
|
+
user-select: none;
|
|
16
|
+
pointer-events: none;
|
|
17
|
+
}
|
|
18
|
+
.helsing-three-plugins-infotool > div:nth-child(1) {
|
|
19
|
+
left: 0;
|
|
20
|
+
width: 40px;
|
|
21
|
+
height: 0;
|
|
22
|
+
bottom: 0;
|
|
23
|
+
}
|
|
24
|
+
.helsing-three-plugins-infotool > div:nth-child(2) {
|
|
25
|
+
opacity: 0;
|
|
26
|
+
-webkit-box-shadow: 0 0 8px 0 rgba(0, 170, 255, 0.6) inset;
|
|
27
|
+
box-shadow: 0 0 8px 0 rgba(0, 170, 255, 0.6) inset;
|
|
28
|
+
padding: 20px;
|
|
29
|
+
-webkit-user-select: text;
|
|
30
|
+
-moz-user-select: text;
|
|
31
|
+
-ms-user-select: text;
|
|
32
|
+
user-select: text;
|
|
33
|
+
pointer-events: auto;
|
|
34
|
+
}
|
|
35
|
+
.element {
|
|
36
|
+
position: absolute;
|
|
37
|
+
background: rgba(2, 24, 45, 0.92);
|
|
38
|
+
border: 1px solid #2c69a6;
|
|
39
|
+
border-radius: 10px;
|
|
40
|
+
-webkit-box-shadow: 0px 0px 10px 2px rgba(24, 144, 255, 0.35) inset;
|
|
41
|
+
box-shadow: 0px 0px 10px 2px rgba(24, 144, 255, 0.35) inset;
|
|
42
|
+
height: 100px;
|
|
43
|
+
width: 300px;
|
|
44
|
+
}
|
|
45
|
+
.tooltip-arrow {
|
|
46
|
+
position: absolute;
|
|
47
|
+
left: 100px;
|
|
48
|
+
bottom: -20px;
|
|
49
|
+
width: 0px;
|
|
50
|
+
height: 0px;
|
|
51
|
+
border-bottom: 10px solid transparent;
|
|
52
|
+
border-top: 10px solid #02182d;
|
|
53
|
+
border-right: 10px solid transparent;
|
|
54
|
+
border-left: 10px solid transparent;
|
|
55
|
+
}
|
|
@@ -0,0 +1,247 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _cesium = require("cesium");
|
|
9
|
+
require("./index.less");
|
|
10
|
+
var _util = _interopRequireDefault(require("./util"));
|
|
11
|
+
var _class;
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
14
|
+
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); } }
|
|
15
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
16
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
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
|
+
function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
|
|
20
|
+
function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
|
|
21
|
+
function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
|
|
22
|
+
function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
|
|
23
|
+
function _classPrivateFieldSet(receiver, privateMap, value) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); _classApplyDescriptorSet(receiver, descriptor, value); return value; }
|
|
24
|
+
function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
|
|
25
|
+
function _classApplyDescriptorSet(receiver, descriptor, value) { if (descriptor.set) { descriptor.set.call(receiver, value); } else { if (!descriptor.writable) { throw new TypeError("attempted to set read only private field"); } descriptor.value = value; } }
|
|
26
|
+
function _classStaticPrivateMethodGet(receiver, classConstructor, method) { _classCheckPrivateStaticAccess(receiver, classConstructor); return method; }
|
|
27
|
+
function _classCheckPrivateStaticAccess(receiver, classConstructor) { if (receiver !== classConstructor) { throw new TypeError("Private static access of wrong provenance"); } }
|
|
28
|
+
/**
|
|
29
|
+
* 信息工具。
|
|
30
|
+
*
|
|
31
|
+
* @alias InfoTool
|
|
32
|
+
* @constructor
|
|
33
|
+
* @param {viewer} viewer Cesium视窗。
|
|
34
|
+
*/
|
|
35
|
+
var _element = /*#__PURE__*/new WeakMap();
|
|
36
|
+
var InfoTool = /*#__PURE__*/function () {
|
|
37
|
+
function InfoTool(options) {
|
|
38
|
+
_classCallCheck(this, InfoTool);
|
|
39
|
+
_classPrivateFieldInitSpec(this, _element, {
|
|
40
|
+
writable: true,
|
|
41
|
+
value: void 0
|
|
42
|
+
});
|
|
43
|
+
_defineProperty(this, "viewer", void 0);
|
|
44
|
+
this.viewer = options.map;
|
|
45
|
+
// 在Cesium容器中添加元素
|
|
46
|
+
_classPrivateFieldSet(this, _element, document.createElement('div'));
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* 添加。
|
|
51
|
+
* @param {Object} options 选项。
|
|
52
|
+
* @param {Element} options.element 弹窗元素。
|
|
53
|
+
* @param {Cartesian2|Cartesian3} options.position 点击位置。
|
|
54
|
+
* @param {Cesium3DTileFeature} [options.inputFeature] 模型要素。
|
|
55
|
+
* @param {String} options.type 类型(默认值为default,即任意点击模式;如果设置为info,即信息模式,只有点击Feature才会响应)。
|
|
56
|
+
* @param {String} options.content 内容(只有类型为default时才起作用)。
|
|
57
|
+
* @param {Function} callback 回调函数。
|
|
58
|
+
*/
|
|
59
|
+
_createClass(InfoTool, [{
|
|
60
|
+
key: "add",
|
|
61
|
+
value: function add(options) {
|
|
62
|
+
var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
|
|
63
|
+
this.element = options.element;
|
|
64
|
+
// 判断参数为空返回
|
|
65
|
+
if (!options) {
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
// 点
|
|
69
|
+
var position, cartesian2d, cartesian3d, inputFeature;
|
|
70
|
+
if (options instanceof _cesium.Cesium3DTileFeature) {
|
|
71
|
+
inputFeature = options;
|
|
72
|
+
options = {};
|
|
73
|
+
} else {
|
|
74
|
+
if (options instanceof _cesium.Cartesian2 || options instanceof _cesium.Cartesian3) {
|
|
75
|
+
position = options;
|
|
76
|
+
options = {};
|
|
77
|
+
} else {
|
|
78
|
+
position = options.position;
|
|
79
|
+
inputFeature = options.inputFeature;
|
|
80
|
+
}
|
|
81
|
+
// 判断点位为空返回
|
|
82
|
+
if (!position) {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
if (position instanceof _cesium.Cartesian2) {
|
|
86
|
+
// 二维转三维
|
|
87
|
+
// 如果支持拾取模型则取模型值
|
|
88
|
+
cartesian3d = this.viewer.scene.pickPositionSupported && (0, _cesium.defined)(this.viewer.scene.pick(options.position)) ? this.viewer.scene.pickPosition(position) : this.viewer.camera.pickEllipsoid(position, this.viewer.scene.globe.ellipsoid);
|
|
89
|
+
cartesian2d = position;
|
|
90
|
+
} else {
|
|
91
|
+
cartesian3d = position;
|
|
92
|
+
cartesian2d = _cesium.SceneTransforms.wgs84ToWindowCoordinates(this.viewer.scene, cartesian3d);
|
|
93
|
+
}
|
|
94
|
+
// 判断点位为空返回
|
|
95
|
+
if (!cartesian3d) {
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
var that = this;
|
|
100
|
+
|
|
101
|
+
// 1.组织信息
|
|
102
|
+
var info = '';
|
|
103
|
+
if (options.type === 'info') {
|
|
104
|
+
// 拾取要素
|
|
105
|
+
var feature = inputFeature || this.viewer.scene.pick(cartesian2d);
|
|
106
|
+
// 判断拾取要素为空返回
|
|
107
|
+
if (!(0, _cesium.defined)(feature)) {
|
|
108
|
+
this.remove();
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
if (feature instanceof _cesium.Cesium3DTileFeature) {
|
|
112
|
+
// 3dtiles
|
|
113
|
+
var propertyNames = feature.getPropertyNames();
|
|
114
|
+
var length = propertyNames.length;
|
|
115
|
+
for (var i = 0; i < length; ++i) {
|
|
116
|
+
var propertyName = propertyNames[i];
|
|
117
|
+
info += '"' + (propertyName + '": "' + feature.getProperty(propertyName)) + '",\n';
|
|
118
|
+
}
|
|
119
|
+
} else if (feature) {
|
|
120
|
+
// Entity
|
|
121
|
+
var properties = feature.properties;
|
|
122
|
+
if (properties) {
|
|
123
|
+
var _propertyNames = properties._propertyNames;
|
|
124
|
+
var _length = _propertyNames.length;
|
|
125
|
+
for (var _i = 0; _i < _length; ++_i) {
|
|
126
|
+
var _propertyName = _propertyNames[_i];
|
|
127
|
+
info += '"' + (_propertyName + '": "' + properties[_propertyName]._value) + '",\n';
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
} else {
|
|
132
|
+
options.content && (info = options.content);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
// 2.生成特效
|
|
136
|
+
// 添加之前先移除
|
|
137
|
+
this.remove();
|
|
138
|
+
// if (!info) {
|
|
139
|
+
// return;
|
|
140
|
+
// }
|
|
141
|
+
options.position = cartesian3d;
|
|
142
|
+
options.element = options.element || _classPrivateFieldGet(this, _element);
|
|
143
|
+
_classStaticPrivateMethodGet(InfoTool, InfoTool, _createInfoTool).call(InfoTool, this.viewer, options, function () {
|
|
144
|
+
_util["default"].setInnerText(options.element, info);
|
|
145
|
+
typeof callback === 'function' && callback();
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
/**
|
|
150
|
+
* 移除。
|
|
151
|
+
*/
|
|
152
|
+
}, {
|
|
153
|
+
key: "remove",
|
|
154
|
+
value: function remove() {
|
|
155
|
+
var entityId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
|
|
156
|
+
_util["default"].setCss(this.element, 'opacity', '0');
|
|
157
|
+
_util["default"].setCss(this.element, 'z-index', '-1');
|
|
158
|
+
_util["default"].setCss(_classPrivateFieldGet(this, _element), 'opacity', '0');
|
|
159
|
+
}
|
|
160
|
+
}]);
|
|
161
|
+
return InfoTool;
|
|
162
|
+
}();
|
|
163
|
+
_class = InfoTool;
|
|
164
|
+
/**
|
|
165
|
+
* 创建一个动态实体弹窗。
|
|
166
|
+
*
|
|
167
|
+
* @param {viewer} viewer Cesium视窗。
|
|
168
|
+
* @param {Number} options 选项。
|
|
169
|
+
* @param {Cartesian3} options.position 弹出位置。
|
|
170
|
+
* @param {HTMLElement} options.element 弹出窗元素容器。
|
|
171
|
+
* @param {Function} callback 回调函数。
|
|
172
|
+
* @ignore
|
|
173
|
+
*/
|
|
174
|
+
function _createInfoTool(viewer, options) {
|
|
175
|
+
var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
|
|
176
|
+
var cartographic = _cesium.Cartographic.fromCartesian(options.position);
|
|
177
|
+
var lon = _cesium.Math.toDegrees(cartographic.longitude); //.toFixed(5);
|
|
178
|
+
var lat = _cesium.Math.toDegrees(cartographic.latitude); //.toFixed(5);
|
|
179
|
+
|
|
180
|
+
// 回调
|
|
181
|
+
callback();
|
|
182
|
+
|
|
183
|
+
// 添加div弹窗
|
|
184
|
+
setTimeout(function () {
|
|
185
|
+
_classStaticPrivateMethodGet(_class, _class, _popup).call(_class, viewer, options.element, lon, lat, cartographic.height,
|
|
186
|
+
// options.geometryType,
|
|
187
|
+
options.offset);
|
|
188
|
+
}, 100);
|
|
189
|
+
}
|
|
190
|
+
/**
|
|
191
|
+
* 弹出HTML元素弹窗。
|
|
192
|
+
* @param {viewer} viewer Cesium视窗。
|
|
193
|
+
* @param {Element|HTMLElement} element 弹窗元素。
|
|
194
|
+
* @param {Number} lon 经度。
|
|
195
|
+
* @param {Number} lat 纬度。
|
|
196
|
+
* @param {Number} height 高度。
|
|
197
|
+
* @ignore
|
|
198
|
+
*/
|
|
199
|
+
function _popup(viewer, element, lon, lat, height, offset) {
|
|
200
|
+
setTimeout(function () {
|
|
201
|
+
// 设置元素效果
|
|
202
|
+
_util["default"].setCss(element, 'opacity', '1');
|
|
203
|
+
_util["default"].setCss(element, 'z-index', '0');
|
|
204
|
+
}, 100);
|
|
205
|
+
var divPosition = _cesium.Cartesian3.fromDegrees(lon, lat, height);
|
|
206
|
+
var x = (offset === null || offset === void 0 ? void 0 : offset.x) || 0;
|
|
207
|
+
var y = (offset === null || offset === void 0 ? void 0 : offset.y) || 0;
|
|
208
|
+
_classStaticPrivateMethodGet(_class, _class, _hookToGlobe).call(_class, viewer, element, divPosition, [-4 + x, -parseInt(_util["default"].getCss(element, 'offsetHeight') + y)], true);
|
|
209
|
+
viewer.scene.requestRender();
|
|
210
|
+
}
|
|
211
|
+
/**
|
|
212
|
+
* 将HTML弹窗挂接到地球上。
|
|
213
|
+
*
|
|
214
|
+
* @param {viewer} viewer Cesium视窗。
|
|
215
|
+
* @param {Element} element 弹窗元素。
|
|
216
|
+
* @param {Cartesian3} position 地图坐标点。
|
|
217
|
+
* @param {Array} offset 偏移。
|
|
218
|
+
* @param {Boolean} hideOnBehindGlobe 当元素在地球背面会自动隐藏,以减轻判断计算压力。
|
|
219
|
+
* @ignore
|
|
220
|
+
*/
|
|
221
|
+
function _hookToGlobe(viewer, element, position, offset, hideOnBehindGlobe) {
|
|
222
|
+
var scene = viewer.scene,
|
|
223
|
+
camera = viewer.camera;
|
|
224
|
+
var cartesian2 = new _cesium.Cartesian2();
|
|
225
|
+
scene.preRender.addEventListener(function () {
|
|
226
|
+
var canvasPosition = scene.cartesianToCanvasCoordinates(position, cartesian2); // 笛卡尔坐标到画布坐标
|
|
227
|
+
if ((0, _cesium.defined)(canvasPosition)) {
|
|
228
|
+
_util["default"].setCss(element, 'left', parseInt(canvasPosition.x + offset[0]) + 'px');
|
|
229
|
+
_util["default"].setCss(element, 'top', parseInt(canvasPosition.y + offset[1]) + 'px');
|
|
230
|
+
|
|
231
|
+
// 是否在地球背面隐藏
|
|
232
|
+
if (hideOnBehindGlobe) {
|
|
233
|
+
var cameraPosition = camera.position;
|
|
234
|
+
var height = scene.globe.ellipsoid.cartesianToCartographic(cameraPosition).height;
|
|
235
|
+
height += scene.globe.ellipsoid.maximumRadius;
|
|
236
|
+
if (!(_cesium.Cartesian3.distance(cameraPosition, position) > height)) {
|
|
237
|
+
// util.setCss(element, 'display', 'flex');
|
|
238
|
+
} else {
|
|
239
|
+
_util["default"].setCss(element, 'display', 'none');
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
});
|
|
244
|
+
}
|
|
245
|
+
var _default = InfoTool;
|
|
246
|
+
exports["default"] = _default;
|
|
247
|
+
//# sourceMappingURL=index.js.map
|