DroneDeploy
Search…
Link.open
1
<!DOCTYPE html>
2
<html lang="en">
3
4
<head>
5
<meta charset="UTF-8">
6
<title>Document</title>
7
<style>
8
body {
9
text-align: center;
10
height: 300px;
11
}
12
13
button {
14
width: 200px;
15
height: 200px;
16
border: none;
17
border-radius: 50%;
18
background-color: red;
19
color: white;
20
font-size: 2em;
21
cursor: pointer;
22
box-shadow: 0px 47px 37px -30px rgba(0, 0, 0, 0.51);
23
}
24
25
.sans {
26
font-family: Lato, sans-serif;
27
color: rgba(0, 0, 0, 0.87);
28
}
29
30
.title {
31
font-size: 1.3em;
32
font-weight: 500;
33
}
34
</style>
35
</head>
36
37
<body>
38
<h1 class="title sans">Link.open example</h1>
39
<button type="button" id="linkBtn">Open Link</button>
40
<script>
41
document.getElementById('linkBtn').addEventListener('click', function(event) {
42
event.preventDefault();
43
new DroneDeploy({
44
version: 1
45
}).then(function(dronedeployApi) {
46
dronedeployApi.Link.open('https://dronedeploy.com');
47
})
48
})
49
</script>
50
</body>
51
52
</html>
Copied!
Last modified 2yr ago
Copy link