Mercurial > hg > extraction-interface
comparison geotemco/minifier.html @ 0:b12c99b7c3f0
commit for previous development
author | Zoe Hong <zhong@mpiwg-berlin.mpg.de> |
---|---|
date | Mon, 19 Jan 2015 17:13:49 +0100 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:b12c99b7c3f0 |
---|---|
1 <!DOCTYPE html> | |
2 <html> | |
3 | |
4 <head> | |
5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | |
6 <title>GeoTemCo</title> | |
7 <link rel="stylesheet" href="css/geotemco.css" type="text/css" /> | |
8 <script src="geotemco.js"></script> | |
9 </head> | |
10 | |
11 <body> | |
12 | |
13 <noscript> | |
14 <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"> | |
15 Your web browser must have JavaScript enabled in order for this application to display correctly. | |
16 </div> | |
17 </noscript> | |
18 | |
19 <div align=center> | |
20 <div id="mapContainerDiv" style="position:relative;"></div> | |
21 <div id="plotContainerDiv" style="position:relative;margin-top:20px;"></div> | |
22 <div id="tableContainerDiv" style="position:relative;margin-top:20px;"></div> | |
23 </div> | |
24 | |
25 <script> | |
26 var datasets = []; | |
27 var mapDiv = document.getElementById("mapContainerDiv"); | |
28 var map = new WidgetWrapper(); | |
29 var mapWidget = new MapWidget(map,mapDiv,{ | |
30 mapTitle: "Publication Place" | |
31 }); | |
32 var timeDiv = document.getElementById("plotContainerDiv"); | |
33 var time = new WidgetWrapper(); | |
34 var timeWidget = new TimeWidget(time,timeDiv,{ | |
35 timeTitle: "Publication Date" | |
36 }); | |
37 var tableDiv = document.getElementById("tableContainerDiv"); | |
38 var table = new WidgetWrapper(); | |
39 var tableWidget = new TableWidget(table,tableDiv); | |
40 var kml1 = GeoTemConfig.getKml('data/heine.kml'); | |
41 datasets.push(new Dataset(GeoTemConfig.loadKml(kml1),'Heinrich Heine')); | |
42 var kml2 = GeoTemConfig.getKml('data/kafka.kml'); | |
43 datasets.push(new Dataset(GeoTemConfig.loadKml(kml2),'Franz Kafka')); | |
44 var kml3 = GeoTemConfig.getKml('data/goethe.kml'); | |
45 datasets.push(new Dataset(GeoTemConfig.loadKml(kml3),'Johann Wolfgang von Goethe')); | |
46 map.display(datasets); | |
47 time.display(datasets); | |
48 table.display(datasets); | |
49 /* | |
50 $.ajax({ | |
51 url: 'data/test2.json', | |
52 async: false, | |
53 dataType: 'json', | |
54 success: function(json){ | |
55 var data = STIStatic.loadSpatioTemporalJSONData(json); | |
56 gui.initializeMapGUI("mapContainerDiv"); | |
57 gui.initializePlotGUI("plotContainerDiv"); | |
58 gui.initializeTableGUI("tableContainerDiv"); | |
59 SpaceWrapper.display([data]); | |
60 TimeWrapper.display([data]); | |
61 TableWrapper.display([data],['Test']); | |
62 } | |
63 }); | |
64 */ | |
65 </script> | |
66 | |
67 </body> | |
68 | |
69 </html> |