|
0
|
1 $(document).ready(function(){
|
|
|
2 // initWindowWidget();
|
|
|
3 initBookList();
|
|
|
4 initWidget();
|
|
|
5 });
|
|
|
6 var map, table;
|
|
|
7 function loadCsv(fileName){
|
|
|
8 var csvFile=GeoTemConfig.getCsv('./map_input_files/'+fileName,
|
|
|
9 function(json){
|
|
|
10 var dataset=[];
|
|
|
11 dataset.push(new Dataset(GeoTemConfig.loadJson(json),'china'));
|
|
|
12 //display in all widgets
|
|
|
13 map.display(dataset);
|
|
|
14 table.display(dataset);
|
|
|
15 }
|
|
|
16 );
|
|
|
17 }
|
|
|
18 function initBookList(){
|
|
|
19 $(".book").click(function(){
|
|
|
20 var bookId=$(this).children(".bookId").html();
|
|
|
21 loadCsv(bookId+".csv");
|
|
|
22 if(!$(this).children(".coordinateList").is(":visible")){
|
|
|
23 $(".coordinateList").hide();
|
|
|
24 $(".book").removeClass("selected");
|
|
|
25 $(this).children(".coordinateList").show();
|
|
|
26 $(this).addClass("selected");
|
|
|
27 }else{
|
|
|
28 //$(this).children(".coordinateList").hide();
|
|
|
29 //$(this).removeClass("selected");
|
|
|
30 }
|
|
|
31 });
|
|
|
32 }
|
|
|
33 function initWidget(){
|
|
|
34
|
|
|
35 var mapElem=document.getElementById("mapContainer");
|
|
|
36 map=new WidgetWrapper();
|
|
|
37 var mapWidget=new MapWidget(map,mapElem,{
|
|
|
38 mapTitle:""
|
|
|
39 });
|
|
|
40
|
|
|
41 var overlayLoaderElem=document.getElementById("overlayLoaderContainer");
|
|
|
42 var overlayLoader=new WidgetWrapper();
|
|
|
43 var overlayLoaderWidget=new OverlayloaderWidget(overlayLoader,overlayLoaderElem);
|
|
|
44 overlayLoaderWidget.attachMapWidget(mapWidget);
|
|
|
45 overlayLoaderWidget.overlayLoader.distributeArcGISWMS("http://geoserver.mpiwg-berlin.mpg.de/geoserver/China_Monograph_Project/ows",
|
|
|
46 "China_Monograph_Project:monograph_distribution_prov");
|
|
|
47 //overlayLoaderWidget.overlayLoader.distributeArcGISWMS("http://geoserver.mpiwg-berlin.mpg.de/geoserver/China_Monograph_Project/ows",
|
|
|
48 //"China_Monograph_Project:all_monographs_capital_points");
|
|
|
49 //"mpiwg:chgis_v4_time_prov_pgn_utf_188");
|
|
|
50
|
|
|
51
|
|
|
52 var tableElem=document.getElementById("tableContainer");
|
|
|
53 table=new WidgetWrapper();
|
|
|
54 var tableWidget=new TableWidget(table,tableElem);
|
|
|
55
|
|
|
56 var overlayTitleObj=$("<td>Overlay</td>");
|
|
|
57 overlayTitleObj.insertAfter("#mapContainer .absoluteToolbar tr:nth-child(1) td:nth-child(1)");
|
|
|
58 var overlaySelectorObj=$("<td><input type='checkbox' checked='true' class='overlayVisibility'></td>");
|
|
|
59 overlaySelectorObj.insertAfter("#mapContainer .absoluteToolbar tr:nth-child(2) td:nth-child(1)");
|
|
|
60 $("#mapContainer .overlayVisibility").click(function(){
|
|
|
61 if($(this).is(":checked")){//selected
|
|
|
62 overlayLoaderWidget.overlayLoader.distributeArcGISWMS("http://geoserver.mpiwg-berlin.mpg.de/geoserver/China_Monograph_Project/ows",
|
|
|
63 "China_Monograph_Project:monograph_distribution_prov");
|
|
|
64 }else{
|
|
|
65 while($("#overlayLoaderContainer div:last-child a").length!=0){
|
|
|
66 $("#overlayLoaderContainer div a:nth-child(1)").click();
|
|
|
67 }
|
|
|
68 }
|
|
|
69 });
|
|
|
70 }
|
