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.
- package/README.md +159 -0
- package/dist/486.droneView.js +1 -0
- package/dist/514.droneView.js +1 -0
- package/dist/645.droneView.js +1 -0
- package/dist/800.droneView.js +1 -0
- package/dist/_382d.droneView.js +14 -0
- package/dist/_6b2a.droneView.js +14 -0
- package/dist/_9839.droneView.js +14 -0
- package/dist/_afdc.droneView.js +14 -0
- package/dist/droneView.js +2 -0
- package/dist/droneView.js.LICENSE.txt +80 -0
- package/jspm_packages/.bin/acorn +26 -0
- package/jspm_packages/.bin/acorn.cmd +8 -0
- package/jspm_packages/.bin/errno +26 -0
- package/jspm_packages/.bin/errno.cmd +8 -0
- package/jspm_packages/.bin/esparse +26 -0
- package/jspm_packages/.bin/esparse.cmd +8 -0
- package/jspm_packages/.bin/esvalidate +26 -0
- package/jspm_packages/.bin/esvalidate.cmd +8 -0
- package/jspm_packages/.bin/husky +26 -0
- package/jspm_packages/.bin/husky.cmd +8 -0
- package/jspm_packages/.bin/json5 +26 -0
- package/jspm_packages/.bin/json5.cmd +8 -0
- package/jspm_packages/.bin/mkdirp +26 -0
- package/jspm_packages/.bin/mkdirp.cmd +8 -0
- package/jspm_packages/.bin/node-pre-gyp +26 -0
- package/jspm_packages/.bin/node-pre-gyp.cmd +8 -0
- package/jspm_packages/.bin/node-which +26 -0
- package/jspm_packages/.bin/node-which.cmd +8 -0
- package/jspm_packages/.bin/rc +26 -0
- package/jspm_packages/.bin/rc.cmd +8 -0
- package/jspm_packages/.bin/rimraf +26 -0
- package/jspm_packages/.bin/rimraf.cmd +8 -0
- package/jspm_packages/.bin/uuid +26 -0
- package/jspm_packages/.bin/uuid.cmd +8 -0
- package/jspm_packages/.bin/which +26 -0
- package/jspm_packages/.bin/which.cmd +8 -0
- package/package.json +50 -0
- package/tsconfig.json +20 -0
- package/webpack.config.dev.js +81 -0
- 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=
|