drone_view 1.0.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.
Files changed (41) hide show
  1. package/README.md +159 -0
  2. package/dist/486.droneView.js +1 -0
  3. package/dist/514.droneView.js +1 -0
  4. package/dist/645.droneView.js +1 -0
  5. package/dist/800.droneView.js +1 -0
  6. package/dist/_382d.droneView.js +14 -0
  7. package/dist/_6b2a.droneView.js +14 -0
  8. package/dist/_9839.droneView.js +14 -0
  9. package/dist/_afdc.droneView.js +14 -0
  10. package/dist/droneView.js +2 -0
  11. package/dist/droneView.js.LICENSE.txt +80 -0
  12. package/jspm_packages/.bin/acorn +26 -0
  13. package/jspm_packages/.bin/acorn.cmd +8 -0
  14. package/jspm_packages/.bin/errno +26 -0
  15. package/jspm_packages/.bin/errno.cmd +8 -0
  16. package/jspm_packages/.bin/esparse +26 -0
  17. package/jspm_packages/.bin/esparse.cmd +8 -0
  18. package/jspm_packages/.bin/esvalidate +26 -0
  19. package/jspm_packages/.bin/esvalidate.cmd +8 -0
  20. package/jspm_packages/.bin/husky +26 -0
  21. package/jspm_packages/.bin/husky.cmd +8 -0
  22. package/jspm_packages/.bin/json5 +26 -0
  23. package/jspm_packages/.bin/json5.cmd +8 -0
  24. package/jspm_packages/.bin/mkdirp +26 -0
  25. package/jspm_packages/.bin/mkdirp.cmd +8 -0
  26. package/jspm_packages/.bin/node-pre-gyp +26 -0
  27. package/jspm_packages/.bin/node-pre-gyp.cmd +8 -0
  28. package/jspm_packages/.bin/node-which +26 -0
  29. package/jspm_packages/.bin/node-which.cmd +8 -0
  30. package/jspm_packages/.bin/rc +26 -0
  31. package/jspm_packages/.bin/rc.cmd +8 -0
  32. package/jspm_packages/.bin/rimraf +26 -0
  33. package/jspm_packages/.bin/rimraf.cmd +8 -0
  34. package/jspm_packages/.bin/uuid +26 -0
  35. package/jspm_packages/.bin/uuid.cmd +8 -0
  36. package/jspm_packages/.bin/which +26 -0
  37. package/jspm_packages/.bin/which.cmd +8 -0
  38. package/package.json +50 -0
  39. package/tsconfig.json +20 -0
  40. package/webpack.config.dev.js +81 -0
  41. package/webpack.config.prod.js +78 -0
package/README.md ADDED
@@ -0,0 +1,159 @@
1
+ # API
2
+
3
+ **Installation**
4
+ Clone the project from github and use following command
5
+ ```sh
6
+ npm install
7
+ ```
8
+ after all dependencies installation user needs to build the project using following command
9
+ ```sh
10
+ npm run build-bundle // Development Mode
11
+ npm run build-bundle-prod // Production Mode
12
+ ```
13
+ this will create a dist folder where user will get the `droneView.js` file
14
+
15
+ **Documentation**
16
+ Build documentation using following commands
17
+ ```sh
18
+ npm run build-doc
19
+ ```
20
+
21
+ **Usage**
22
+ Using Script
23
+ ```javascript
24
+ <script src="dist/droneView.js"></script>
25
+ <script>
26
+ const viewer = DroneView.default;
27
+ </script>
28
+ ```
29
+
30
+
31
+ **Load Viewer**
32
+ To load viewer you need token, Which you can get from [Cesium Ion](hhttps://cesium.com/ion/signin). You can simply sign in and create new token.
33
+ ```javascript
34
+ new viewer({mapOptions})
35
+ ```
36
+
37
+ **2D Mode**
38
+ Uer can use this API for switch to 2D mode
39
+ ```javascript
40
+ switch2DMode()
41
+ ```
42
+ **3D Mode**
43
+ User can use this API for switch to 3D Mode
44
+ ```javascript
45
+ switch3DMode()
46
+ ```
47
+
48
+ **Add 2D data Imaginary data**
49
+
50
+ ```javascript
51
+ addImaginary(url: string)
52
+ ```
53
+ * User can use this API to render 2D imaginary data
54
+ * User should call API with Url ( endpoint of WMS Server that server image data)
55
+ * API will return ImageryLayer
56
+
57
+ **Remove 2D data Imaginary data**
58
+
59
+ ```javascript
60
+ removeImaginaryLayer(imageLayer: ImageryLayer)
61
+ ```
62
+ * User can use this API to remove Imagery layer by call with ImageryLayer received when added that ImageryLayer
63
+
64
+ ### Draw
65
+
66
+ To enable draw mode
67
+ ```javascript
68
+ enableDrawing(config: MeasurementConfig)
69
+ ```
70
+ To disable draw mode
71
+
72
+ ```javascript
73
+ disableDrawing()
74
+ ```
75
+ To enable edit mode
76
+ ```javascript
77
+ editDrawing()
78
+ ```
79
+ * After enabling edit mode user can click on geometry which user want to edit.
80
+ * Once geometry is selected point on vertices will be added
81
+ * User can select these point to move or to delete using DELETE button
82
+ * When user will move the vertices two point will be added between neighbor points
83
+ * User can use these points to edit the the shape also
84
+ * User can hit ENTER to finish editing
85
+
86
+
87
+ To enable delete mode
88
+
89
+ ```javascript
90
+ deleteDrawing()
91
+ ```
92
+ * After enabling delete mode user can click on geometry
93
+ Once geometry selected points on vertices will be added
94
+ * User can select multiple points and can delete using DELETE button
95
+
96
+ To get added geometry details
97
+ ```javascript
98
+ onDraw(callback)
99
+ ```
100
+ * User can use this call back function to get data when a drawing of geometry complete
101
+ User will get the id, positions array & type of drawing
102
+
103
+
104
+ * If user want to add some data to geometry for future, Use this function
105
+
106
+ | DrawingConfig Parameter | Type | Description |
107
+ | :-------- | :--------- | :------------------------- |
108
+ | `type` | `"LineString" | "Polygon" | "Point"` | **Required** |
109
+ | `fillColor` | `string` | **Optional**. Css hex color code example `"#ff0000"` Default : `White` |
110
+ | `lineColor` | `string` | **Optional**. Css hex color code example `"#ff0000"` Default: `white` |
111
+ | `strokeColor` | `string` | **Optional**. Css hex color code example `"#ff0000"` Default : `Black` |
112
+ | `opacity` | `number` | **Optional**. Float Number between `0-1` Deafult : 1 |
113
+ **DrawingConfig Example**
114
+ ```javascript
115
+ DrawingConfig = {
116
+ type:"Polygon",
117
+ fillColor:"#ff0000",
118
+ opacity: 0.5,
119
+ lineWidth:6,
120
+ strokeColor:"#aaaa00",
121
+ lineColor:"#00ffaa"
122
+ }
123
+ ```
124
+
125
+
126
+ #### Annotation/Label
127
+ ```javascript
128
+ addLabel(config: LabelConfigByLatLng)
129
+ ```
130
+ * User can add annotation using this API
131
+ * To automate user can user mouse event API and can use the result like position to add label
132
+ * API will return an ID
133
+
134
+ | LabelConfigByLatLng Parameter | Type | Description |
135
+ | :-------- | :--------- | :------------------------- |
136
+ | `id` | `string` | **Optional** Only ise when user specially want to assign ID or when user want to update previously added annotation |
137
+ | `fillColor` | `string` | **Optional**. font color example `"#ff0000"` Default : `White` |
138
+ | `text` | `string` | **Required** Text |
139
+ | `position` | `GlobalPosition {latitude: number,longitude: number, altitude: number}` | **Required** |
140
+ | `fillColor` | `string` | **Optional**. font color example `"#ff0000"` Default : `White` |
141
+ | `size` | `number` | **Optional**. Default : 20 |
142
+ | `isBackground` | `Boolean` | **Optional**. if user wants background color Default : `true` |
143
+ | `backgroundColor` | `string` | **Optional**. Css hex color code example `"#ff0000"` Default : `Black` |
144
+ | `opacity` | `number` | **Optional**. Float Number between `0-1` Deafult : 1 |
145
+
146
+ **DrawingConfig Example**
147
+ ```javascript
148
+ LabelConfigByLatLng = {
149
+ id: string // User can pass previous Id if he want to update
150
+ name: string
151
+ fillColor: "#ff0000"
152
+ size?: 40
153
+ isBackground?: true
154
+ backgroundColor?: "#00ff00" // If user set isBackground true
155
+ opacity?: 0.8
156
+ text: "TEXT-OF-ANNOTATION";
157
+ position: GlobalPosition;
158
+ }
159
+ ```
@@ -0,0 +1 @@
1
+ (self.webpackChunkDroneView=self.webpackChunkDroneView||[]).push([[486],{486:()=>{}}]);
@@ -0,0 +1 @@
1
+ (self.webpackChunkDroneView=self.webpackChunkDroneView||[]).push([[514],{514:()=>{}}]);
@@ -0,0 +1 @@
1
+ (self.webpackChunkDroneView=self.webpackChunkDroneView||[]).push([[645],{645:()=>{}}]);
@@ -0,0 +1 @@
1
+ (self.webpackChunkDroneView=self.webpackChunkDroneView||[]).push([[800],{800:()=>{}}]);
@@ -0,0 +1,14 @@
1
+ (self["webpackChunkDroneView"] = self["webpackChunkDroneView"] || []).push([["_382d"],{
2
+
3
+ /***/ "?382d":
4
+ /*!*********************!*\
5
+ !*** url (ignored) ***!
6
+ \*********************/
7
+ /***/ (() => {
8
+
9
+ /* (ignored) */
10
+
11
+ /***/ })
12
+
13
+ }]);
14
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiXzM4MmQuZHJvbmVWaWV3LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9Ecm9uZVZpZXcvaWdub3JlZHwvaG9tZS9zdXBlcm1hbi9hcHBzL3Byb2plY3RzL3JvY2svZHJvbmUvZHJvbmVfdmlld18zZC9ub2RlX21vZHVsZXMvQGNlc2l1bS9lbmdpbmUvU291cmNlL0NvcmV8dXJsIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIChpZ25vcmVkKSAqLyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==
@@ -0,0 +1,14 @@
1
+ (self["webpackChunkDroneView"] = self["webpackChunkDroneView"] || []).push([["_6b2a"],{
2
+
3
+ /***/ "?6b2a":
4
+ /*!**********************!*\
5
+ !*** zlib (ignored) ***!
6
+ \**********************/
7
+ /***/ (() => {
8
+
9
+ /* (ignored) */
10
+
11
+ /***/ })
12
+
13
+ }]);
14
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiXzZiMmEuZHJvbmVWaWV3LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9Ecm9uZVZpZXcvaWdub3JlZHwvaG9tZS9zdXBlcm1hbi9hcHBzL3Byb2plY3RzL3JvY2svZHJvbmUvZHJvbmVfdmlld18zZC9ub2RlX21vZHVsZXMvQGNlc2l1bS9lbmdpbmUvU291cmNlL0NvcmV8emxpYiJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiAoaWdub3JlZCkgKi8iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=
@@ -0,0 +1,14 @@
1
+ (self["webpackChunkDroneView"] = self["webpackChunkDroneView"] || []).push([["_9839"],{
2
+
3
+ /***/ "?9839":
4
+ /*!***********************!*\
5
+ !*** https (ignored) ***!
6
+ \***********************/
7
+ /***/ (() => {
8
+
9
+ /* (ignored) */
10
+
11
+ /***/ })
12
+
13
+ }]);
14
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiXzk4MzkuZHJvbmVWaWV3LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9Ecm9uZVZpZXcvaWdub3JlZHwvaG9tZS9zdXBlcm1hbi9hcHBzL3Byb2plY3RzL3JvY2svZHJvbmUvZHJvbmVfdmlld18zZC9ub2RlX21vZHVsZXMvQGNlc2l1bS9lbmdpbmUvU291cmNlL0NvcmV8aHR0cHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyogKGlnbm9yZWQpICovIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9
@@ -0,0 +1,14 @@
1
+ (self["webpackChunkDroneView"] = self["webpackChunkDroneView"] || []).push([["_afdc"],{
2
+
3
+ /***/ "?afdc":
4
+ /*!**********************!*\
5
+ !*** http (ignored) ***!
6
+ \**********************/
7
+ /***/ (() => {
8
+
9
+ /* (ignored) */
10
+
11
+ /***/ })
12
+
13
+ }]);
14
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiX2FmZGMuZHJvbmVWaWV3LmpzIiwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9Ecm9uZVZpZXcvaWdub3JlZHwvaG9tZS9zdXBlcm1hbi9hcHBzL3Byb2plY3RzL3JvY2svZHJvbmUvZHJvbmVfdmlld18zZC9ub2RlX21vZHVsZXMvQGNlc2l1bS9lbmdpbmUvU291cmNlL0NvcmV8aHR0cCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiAoaWdub3JlZCkgKi8iXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=