-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathtesting.html
61 lines (43 loc) · 1.45 KB
/
testing.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
<!DOCTYPE html>
<html>
<head>
<title>Arogi Network TSP</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link rel="stylesheet" href="leaflet/leaflet.css" />
<link rel="stylesheet" href="arogi_earth.css" />
<script src="leaflet/leaflet.js"></script>
<script src="https://mapzen.com/tangram/0.6/tangram.min.js"></script>
<style>
body {
padding: 0;
margin: 0;
}
#map {
height: 100%;
width: 100%;
padding:0px;
margin:0px;
position: absolute;
}
</style>
</head>
<body>
<div id="map"></div>
<div id="arogi-menu-main">
<div id="arogi-top-zone">Arogi Network TSP</div>
<div id="arogi-menu-upper">
<span id="solution-display">Response</span>
</div>
</div>
<script>
// http://localhost:8002/optimized_route?json={%22locations%22:[{%22lat%22:37.58718357318207,%22lon%22:-122.02160596847534,%22type%22:%22break%22},{%22lat%22:36.98217918617181,%22lon%22:-122.02436327934264,%22type%22:%22break%22},{%22lat%22:37.80246216815296,%22lon%22:-122.46836811304091,%22type%22:%22break%22}],%22costing%22:%22auto%22}
var map = L.map('map');
var layer = Tangram.leafletLayer({
scene: 'grayprint.yaml',
attribution: '<a href="arogi.com">Arogi</a> | © <a href="http://osm.org">OpenSteetMap</a> | <a href="https://mapzen.com/tangram" target="_blank">Mapzen</a>'
});
layer.addTo(map);
map.setView([37.5, -122], 9);
</script>
</body>
</html>