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>