DroneDeploy
Search…
Introduction
App Platform
Plans.update - Waypoints
The below example shows how to update the waypoints and respond to any changes the user makes the above map. For example if the user moves the flight geometry, DroneDeploy recalculates the entire plan and then notifies apps who then have the ability to override fields. Therfore, you can't set the waypoints once, you have to reset the waypoints after every user change.
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
<title>Document</title>
6
<!-- This is a helper file we created. It provides the registerWaypointCalculationFunction.-->
7
<script type="text/javascript" src="https://s3.amazonaws.com/drone-deploy-plugins/templates/waypoint-calculation-helper.js"></script>
8
</head>
9
<body>
10
​
11
<div>Waypoint Updates Count: <span id="count">0</span></div>
12
​
13
<script>
14
function isEven(num){
15
return num % 2 === 0;
16
}
17
​
18
// This function needs to return a promise
19
function waypointCalculationFunction(currentPlan){
20
return new Promise((resolve) => {
21
const newWaypoints = currentPlan.waypoints.map((waypoint, index) => {
22
const alt = 50 + (index * 3) + (isEven(index) ? -10 : 10);
23
return {alt, lat: waypoint.lat, lng: waypoint.lng}
24
});
25
resolve(newWaypoints);
26
});
27
}
28
​
29
// Waypoints need to be recalculated everytime the user changes
30
// the geometry or other fields on the plan
31
// this is a helper function to assist in setting the waypoints on
32
// a plan
33
registerWaypointCalculationFunction(waypointCalculationFunction)
34
.subscribe(function(successMessage){
35
document.querySelector('#count').innerHTML = parseInt(document.querySelector('#count').innerHTML) + 1;
36
}, function(e){
37
console.log('Error:', e);
38
});
39
</script>
40
​
41
</body>
42
</html>
Copied!
Last modified 3yr ago
Copy link