|
0
|
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>
|
