/
index.html
69 lines (59 loc) · 3.15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
<head>
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<script src='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.js'></script>
<script src='//code.jquery.com/jquery-1.9.1.min.js'></script>
<link href='//api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.css' rel='stylesheet' />
<link href='../css/style.css' rel='stylesheet' />
<!--[if lte IE 8]>
<link href='http://api.tiles.mapbox.com/mapbox.js/v1.3.1/mapbox.ie.css' rel='stylesheet' >
<![endif]-->
<meta name='twitter:site' content='@MapBox' />
<meta property='og:site_name' content='MapBox' />
<meta name='twitter:url' content='https://mapbox.com/pointcloud/town/elevation' />
<meta name='twitter:url' content='https://mapbox.com/pointcloud/town/elevation' />
<meta name='twitter:title' content='MapBox Partners with Drone Adventures to Bring UAV Imagery to the Web' />
<meta property='og:title' content='MapBox Partners with Drone Adventures to Bring UAV Imagery to the Web' />
<meta name='twitter:description' content='Here at MapBox we're stepping up our work with drone companies, we've partnered with Drone Adventures to bring the data of their latest flight on the slopes of the Matterhorn...' />
<meta property='og:description' content='Here at MapBox we're stepping up our work with drone companies, we've partnered with Drone Adventures to bring the data of their latest flight on the slopes of the Matterhorn...' />
<meta name='twitter:image' content='https://c.tiles.mapbox.com/v3/bobbysud.map-jyb1joq8,bobbysud.town-pointcloud,bobbysud.map-skv9sltr/14/8517/5805.png' />
<meta property='og:image' content='https://c.tiles.mapbox.com/v3/bobbysud.map-jyb1joq8,bobbysud.town-pointcloud,bobbysud.map-skv9sltr/14/8517/5805.png' />
<meta name='twitter:card' content='summary_large_image' />
<meta property='og:type' content='website' />
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:0; bottom:0; width:100%; }
.map-tooltip {
min-width:135px;
}
</style>
</head>
<body>
<div id='map'></div>
<div class='modal'>
<p>More on this map:</p>
<ul>
<li>3d data: <a href='http://www.droneadventures.org/'>Drone Adventures</a>.</li>
<li>Street data: <a href='http://openstreetmap.orf'>OpenStreetMap Contributors</a></li>
<li>Global satellite layer: <a href='http://www.digitalglobe.com/'>Digital Globe</a></li>
<li>Map design: <a href='http://mapbox.com'>MapBox</a></li>
<li>Read more on: <a href='http://mapbox.com/blog/droneadventures-matterhorn-imagery-on-the-web'>MappBox Partners With Drone Adventures to Bring UAV Imagery to the Web</a></li>
</ul>
</div>
<div class='attribution'>About this map</div>
<script type='text/javascript'>
var map = L.mapbox.map('map', 'bobbysud.map-jyb1joq8,bobbysud.town-pointcloud,bobbysud.map-skv9sltr',{
scrollWheelZoom:false,
attributionControl:false
}).setView([46.3502,7.1596],15)
$('.attribution').click(function(e){
e.preventDefault();
$('.modal').fadeIn();
$('canvas, img').click(function(){
$('.modal').fadeOut();
});
});
</script>
</body>
</html>