63
|
1
|
|
2 guiBlocks.prototype.addMapBlock = function(url, baseId, firstLayer) {
|
|
3 var block = this.addBlock(url, baseId, function() {
|
|
4 // function after add block finished
|
|
5 var be = block.element;
|
|
6 console.debug("in mapblock after block load!");
|
|
7 block.params.map_layers = [];
|
|
8 if (typeof(firstLayer) != "undefined") {
|
|
9 block.appendMapLayer(firstLayer);
|
|
10 }
|
|
11
|
|
12 block.showMapParams();
|
|
13 // show block
|
|
14 $(be).fadeIn();
|
|
15
|
|
16 // save map params in block.param -- too early
|
|
17 //params = block.readLayerParams();
|
|
18
|
|
19 // load map
|
|
20 block.updateMap(be,block.params);
|
|
21
|
|
22 // update button
|
|
23 $(be).find(".map_update_button").click(function() {
|
|
24 console.debug("map update");
|
|
25 params = block.readMapParams();
|
|
26 block.updateMap(be,params);
|
|
27 });
|
|
28 });
|
|
29 };
|
|
30
|
|
31 guiBlocks.Block.prototype.appendMapLayer = function(layerparams) {
|
|
32 // add layer to this map
|
|
33 var layerinfo = {display: true, layer:layerparams};
|
|
34 var layers = this.params.map_layers;
|
|
35 layers.push(layerinfo);
|
|
36 // update indexes
|
|
37 for (var i = 0; i < layers.length; i++) {
|
|
38 layers[i].idx = i;
|
|
39 }
|
|
40 };
|
|
41
|
|
42 guiBlocks.Block.prototype.showMapParams = function(elem,params) {
|
|
43 // create html with layer parameters from params
|
|
44 if (typeof(elem) == 'undefined') {
|
|
45 elem = this.element;
|
|
46 }
|
|
47 if (typeof(param) == 'undefined') {
|
|
48 params = this.params;
|
|
49 }
|
|
50 var layers = params.map_layers;
|
|
51 // remove old info
|
|
52 $(elem).remove(".layer_info");
|
|
53 // write new info
|
|
54 if (layers.length > 0) {
|
|
55 var tmpl = $(elem).find(".layer_info_tmpl").tmpl(layers);
|
|
56 $(elem).find(".map_layer_header").after(tmpl);
|
|
57 }
|
|
58 };
|
|
59
|
|
60 guiBlocks.Block.prototype.readMapParams = function(elem,params) {
|
|
61 // read layer parameters from html element and store in param
|
|
62 if (typeof(elem) == 'undefined') {
|
|
63 elem = this.element;
|
|
64 }
|
|
65 if (typeof(param) == 'undefined') {
|
|
66 params = this.params;
|
|
67 }
|
|
68 params.name = $(elem).find(".map_name").val();
|
|
69 var layers = params.map_layers;
|
|
70 for (var i = 0; i < layers.length; i++) {
|
|
71 layers[i].display = $(elem).find(".layer_display_"+i).attr("checked");
|
|
72 }
|
|
73 //params.position_field = $(elem).find(".map_position_select").val();
|
|
74 //params.connect_line = $(elem).find(".layer_line_checkbox").attr("checked");
|
|
75 return params;
|
|
76 };
|
|
77
|
|
78 guiBlocks.Block.prototype.updateMap = function(elem,map_params) {
|
|
79 // update and draw the google map
|
|
80 var le = $(elem).find(".map_box").get(0);
|
|
81 // create empty map
|
|
82 if (typeof(google) != "undefined") {
|
|
83 var latlng = new google.maps.LatLng(29, 116);
|
|
84 var mapOpts = {
|
|
85 zoom: 5,
|
|
86 center: latlng,
|
|
87 mapTypeId: google.maps.MapTypeId.TERRAIN
|
|
88 };
|
|
89 var map = new google.maps.Map(le, mapOpts);
|
|
90 console.debug("new google map=",map," on el=",le);
|
|
91 }
|
|
92 // add the layers
|
|
93 var layerList = map_params.map_layers;
|
|
94 for (var i = 0; i < layerList.length; i++) {
|
|
95 if (!layerList[i].display) {
|
|
96 continue;
|
|
97 }
|
|
98 var params = layerList[i].layer;
|
|
99 var paramstr = "format=KML_URL";
|
|
100 if (params.position_field && params.position_field != "Default") {
|
|
101 paramstr += "&gis_id_field="+params.position_field;
|
|
102 }
|
|
103 if (params.connect_line) {
|
|
104 paramstr += "&connect_line="+params.connect_line;
|
|
105 }
|
|
106 var layerurl = "../db/RESTdb/db/public/" + escape(params.table) + "?" + paramstr;
|
|
107 jQuery.get(layerurl, function(data, textStatus, XMLHttpRequest) {
|
|
108 // function after load kml url finished
|
|
109 console.debug("kml url loaded! this=", this, " data=", data, " ("+typeof(data)+")");
|
|
110 if (typeof(data) == "string") {
|
|
111 var kmlURL = data;
|
|
112 } else {
|
|
113 // broken, what now?
|
|
114 return;
|
|
115 }
|
|
116 // render layer
|
|
117 if (typeof(google) != "undefined") {
|
|
118 var newMarker=new google.maps.KmlLayer(kmlURL);
|
|
119 console.debug("new marker layer=",newMarker," map=",map);
|
|
120 newMarker.setMap(map);
|
|
121 }
|
|
122 });
|
|
123 }
|
|
124 };
|