-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
87 lines (81 loc) · 3.84 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title></title>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link href='node_modules/mapbox-gl/dist/mapbox-gl.css' rel='stylesheet' />
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' />
<link href='node_modules/bootstrap/dist/css/bootstrap.min.css' rel='stylesheet' />
<link href='node_modules/MapboxGL-Layer-Tree/dist/css/styles.min.css' rel='stylesheet' />
<link href='dist/css/styles.min.css' rel='stylesheet' />
<link href='css/app.css' rel='stylesheet' />
</head>
<body>
<div id='map'></div>
<button id='mapboxgl-ctrl-print' data-toggle='modal' data-target='#map-print-modal' style='width:50px; height:50px;position:absolute'></button>
<!-- print modal-->
<div class="modal fade" id="map-print-modal" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Print Modal</h4>
</div>
<div class="modal-body">
<!-- print form -->
<form class="form-horizontal container-fluid" id="print-form">
<div class="row">
<!-- output format -->
<div class="radio-groups format form-group col-sm-6">
<label class="control-label" for="output-format">Output Format</label>
<div>
<label class="radio-inline" for="output-format-0">
<input type="radio" name="output-format" id="output-format-0" value="png" checked="checked">
PNG
</label>
<label class="radio-inline" for="output-format-1">
<input type="radio" name="output-format" id="output-format-1" value="pdf">
PDF
</label>
</div>
</div>
<!-- dimensions -->
<div class="radio-groups size form-group col-sm-6">
<label class="control-label" for="dimensions">Dimensions</label>
<div>
<label class="radio-inline" for="dimensions-0">
<input type="radio" name="dimensions" id="dimensions-0" value="default" checked="checked">
8.5 x 11
</label>
<label class="radio-inline" for="dimensions-1">
<input type="radio" name="dimensions" id="dimensions-1" value="large">
11 x 17
</label>
</div>
</div>
<!-- title -->
<div class="col">
<div class="form-group col-sm-12">
<label class="col-md control-label" for="export-title">Title</label>
<input id="export-title" name="export-title" type="text" placeholder="My Title" class="form-control input-md">
</div>
</div>
</div>
</form>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" id="export-map" class="btn btn-primary">Export</button>
</div>
</div>
</div>
</div>
<script src='node_modules/mapbox-gl/dist/mapbox-gl.js'></script>
<script src='node_modules/MapboxGL-Layer-Tree/dist/js/scripts.min.js'></script>
<script src='node_modules/bootstrap/dist/js/bootstrap.min.js'></script>
<script src='node_modules/pdfjs-dist/build/pdf.min.js'></script>
<script src='node_modules/pdfjs-dist/build/pdf.worker.min.js'></script>
<script src='dist/js/scripts.min.js'></script>
<script src='js/app.js'></script>
</body>
</html>