|
63
|
1
|
|
67
|
2 guiBlocks.prototype.addMapBlock = function(url, baseId, params, firstLayer) {
|
|
|
3 var block = this.addBlock(url, baseId, params, function() {
|
|
63
|
4 // function after add block finished
|
|
67
|
5 console.debug("in mapblock after block load!");
|
|
63
|
6 var be = block.element;
|
|
68
|
7 params = block.params;
|
|
67
|
8 block.type = "map";
|
|
|
9 params.type = "map";
|
|
68
|
10 if (params.map_layers == null) {
|
|
|
11 params.map_layers = [];
|
|
|
12 }
|
|
|
13 if (firstLayer != null) {
|
|
63
|
14 block.appendMapLayer(firstLayer);
|
|
|
15 }
|
|
68
|
16 // show block
|
|
63
|
17 block.showMapParams();
|
|
|
18 $(be).fadeIn();
|
|
|
19
|
|
|
20 // save map params in block.param -- too early
|
|
|
21 //params = block.readLayerParams();
|
|
|
22
|
|
|
23 // load map
|
|
67
|
24 block.updateMap(be,params);
|
|
63
|
25
|
|
65
|
26 // add layer button
|
|
|
27 $(be).find(".layer_add_button").click(function() {
|
|
|
28 console.debug("layer add");
|
|
|
29 params = block.readMapParams();
|
|
|
30 block.addMapLayer(be,params);
|
|
|
31 });
|
|
63
|
32 // update button
|
|
70
|
33 $(be).find(".map_update_button").click(function () {
|
|
63
|
34 console.debug("map update");
|
|
|
35 params = block.readMapParams();
|
|
|
36 block.updateMap(be,params);
|
|
|
37 });
|
|
67
|
38 // save button
|
|
70
|
39 $(be).find(".map_save_button").click(function () {
|
|
67
|
40 console.debug("map save. this=",this," block=",block);
|
|
|
41 params = block.readMapParams(be,params);
|
|
|
42 block.storeBlock("test1");
|
|
|
43 });
|
|
63
|
44 });
|
|
|
45 };
|
|
|
46
|
|
70
|
47 guiBlocks.Block.prototype.appendMapLayer = function (layerparams) {
|
|
63
|
48 // add layer to this map
|
|
70
|
49 var layerinfo = {
|
|
|
50 display: true,
|
|
|
51 layer: layerparams
|
|
|
52 };
|
|
63
|
53 var layers = this.params.map_layers;
|
|
|
54 layers.push(layerinfo);
|
|
|
55 // update indexes
|
|
|
56 for (var i = 0; i < layers.length; i++) {
|
|
|
57 layers[i].idx = i;
|
|
|
58 }
|
|
65
|
59 return this.params;
|
|
63
|
60 };
|
|
|
61
|
|
72
|
62 guiBlocks.Block.prototype.deleteMapLayer = function (idx) {
|
|
|
63 // remove layer from this map
|
|
|
64 var layers = this.params.map_layers;
|
|
|
65 layers.splice(idx,1);
|
|
|
66 // update indexes
|
|
|
67 for (var i = 0; i < layers.length; i++) {
|
|
|
68 layers[i].idx = i;
|
|
|
69 }
|
|
|
70 return this.params;
|
|
|
71 };
|
|
|
72
|
|
70
|
73 guiBlocks.Block.prototype.showMapParams = function (elem, params) {
|
|
63
|
74 // create html with layer parameters from params
|
|
72
|
75 var i, layers, $tmpl, lp, idx;
|
|
|
76 var block = this;
|
|
68
|
77 if (elem == null) {
|
|
63
|
78 elem = this.element;
|
|
|
79 }
|
|
68
|
80 if (params == null) {
|
|
63
|
81 params = this.params;
|
|
|
82 }
|
|
72
|
83 var $elem = $(elem);
|
|
|
84 $elem.find(".map_name").val(params.name);
|
|
70
|
85 layers = params.map_layers;
|
|
63
|
86 // remove old info
|
|
65
|
87 $(elem).find(".map_layer_table .layer_info").remove();
|
|
63
|
88 // write new info
|
|
|
89 if (layers.length > 0) {
|
|
72
|
90 $tmpl = $elem.find(".layer_info_tmpl").tmpl(layers);
|
|
|
91 $elem.find(".map_layer_header").after($tmpl);
|
|
69
|
92 // arm edit and delete buttons
|
|
70
|
93 for (i = 0; i < layers.length; ++i) {
|
|
|
94 lp = layers[i].layer;
|
|
|
95 idx = layers[i].idx;
|
|
|
96 console.debug("showmapparams lp=", lp, " idx=", idx);
|
|
72
|
97 $tmpl.find(".layer_edit_"+idx).click(function () {
|
|
|
98 var param = lp;
|
|
70
|
99 console.debug("open layer ",idx);
|
|
72
|
100 blocks.addLayerBlock("blocks/layer.html?table="+escape(lp.table),"layer", param);
|
|
|
101 });
|
|
|
102 $tmpl.find(".layer_delete_"+idx).click(function () {
|
|
|
103 var layerIdx = idx;
|
|
|
104 console.debug("del layer ",layerIdx);
|
|
|
105 params = block.deleteMapLayer(layerIdx);
|
|
|
106 block.showMapParams(elem, params);
|
|
|
107 block.updateMap(elem, params);
|
|
70
|
108 });
|
|
|
109 }
|
|
63
|
110 }
|
|
|
111 };
|
|
|
112
|
|
|
113 guiBlocks.Block.prototype.readMapParams = function(elem,params) {
|
|
|
114 // read layer parameters from html element and store in param
|
|
68
|
115 if (elem == null) {
|
|
63
|
116 elem = this.element;
|
|
|
117 }
|
|
68
|
118 if (params == null) {
|
|
63
|
119 params = this.params;
|
|
|
120 }
|
|
|
121 params.name = $(elem).find(".map_name").val();
|
|
|
122 var layers = params.map_layers;
|
|
|
123 for (var i = 0; i < layers.length; i++) {
|
|
|
124 layers[i].display = $(elem).find(".layer_display_"+i).attr("checked");
|
|
|
125 }
|
|
|
126 //params.position_field = $(elem).find(".map_position_select").val();
|
|
|
127 //params.connect_line = $(elem).find(".layer_line_checkbox").attr("checked");
|
|
|
128 return params;
|
|
|
129 };
|
|
|
130
|
|
|
131 guiBlocks.Block.prototype.updateMap = function(elem,map_params) {
|
|
68
|
132 if (elem == null) {
|
|
65
|
133 elem = this.element;
|
|
|
134 }
|
|
68
|
135 if (map_params == null) {
|
|
65
|
136 map_params = this.params;
|
|
|
137 }
|
|
63
|
138 // update and draw the google map
|
|
|
139 var le = $(elem).find(".map_box").get(0);
|
|
|
140 // create empty map
|
|
68
|
141 if (google != null) {
|
|
63
|
142 var latlng = new google.maps.LatLng(29, 116);
|
|
|
143 var mapOpts = {
|
|
|
144 zoom: 5,
|
|
|
145 center: latlng,
|
|
|
146 mapTypeId: google.maps.MapTypeId.TERRAIN
|
|
|
147 };
|
|
|
148 var map = new google.maps.Map(le, mapOpts);
|
|
|
149 console.debug("new google map=",map," on el=",le);
|
|
|
150 }
|
|
|
151 // add the layers
|
|
|
152 var layerList = map_params.map_layers;
|
|
|
153 for (var i = 0; i < layerList.length; i++) {
|
|
|
154 if (!layerList[i].display) {
|
|
|
155 continue;
|
|
|
156 }
|
|
|
157 var params = layerList[i].layer;
|
|
|
158 var paramstr = "format=KML_URL";
|
|
|
159 if (params.position_field && params.position_field != "Default") {
|
|
|
160 paramstr += "&gis_id_field="+params.position_field;
|
|
|
161 }
|
|
|
162 if (params.connect_line) {
|
|
|
163 paramstr += "&connect_line="+params.connect_line;
|
|
|
164 }
|
|
|
165 var layerurl = "../db/RESTdb/db/public/" + escape(params.table) + "?" + paramstr;
|
|
72
|
166 jQuery.get(layerurl, function (data, textStatus, XMLHttpRequest) {
|
|
63
|
167 // function after load kml url finished
|
|
|
168 console.debug("kml url loaded! this=", this, " data=", data, " ("+typeof(data)+")");
|
|
|
169 if (typeof(data) == "string") {
|
|
|
170 var kmlURL = data;
|
|
|
171 } else {
|
|
|
172 // broken, what now?
|
|
|
173 return;
|
|
|
174 }
|
|
|
175 // render layer
|
|
68
|
176 if (google != null) {
|
|
63
|
177 var newMarker=new google.maps.KmlLayer(kmlURL);
|
|
|
178 console.debug("new marker layer=",newMarker," map=",map);
|
|
|
179 newMarker.setMap(map);
|
|
|
180 }
|
|
|
181 });
|
|
|
182 }
|
|
|
183 };
|
|
65
|
184
|
|
|
185 guiBlocks.Block.prototype.addMapLayer = function(elem,params) {
|
|
|
186 var block = this;
|
|
|
187 // show list of layers, select and add to map
|
|
|
188 var layerList = [];
|
|
|
189 var $dlg = $(elem).find(".dialog.add_layer_select");
|
|
|
190 var $sel = $dlg.find("select.add_layer_select");
|
|
|
191 // fill list of layers
|
|
|
192 blocks.loadListOfItems("test1", "layer", function(data) {
|
|
|
193 console.debug("add layer list of items=",data);
|
|
|
194 layerList = data;
|
|
|
195 $sel.empty();
|
|
|
196 for (var i=0; i < data.length; i++) {
|
|
|
197 var key = data[i].key;
|
|
|
198 var val = data[i].val;
|
|
|
199 var name = val.name;
|
|
|
200 console.debug("layer",i," key=",key," value=",name);
|
|
|
201 $sel.append('<option value="'+key+'">'+name+'</option>');
|
|
|
202 }
|
|
|
203 });
|
|
|
204 console.debug("dlg=",$dlg);
|
|
|
205 $dlg.dialog({
|
|
|
206 buttons: {
|
|
|
207 "Ok": function() {
|
|
|
208 var layerName = $(this).find(".add_layer_select").val();
|
|
|
209 $(this).dialog("close");
|
|
|
210 var layerParams = jQuery.grep(layerList, function(x){return (x.key == layerName);})[0].val;
|
|
|
211 console.debug("addlayerok params=",layerParams);
|
|
|
212 params = block.appendMapLayer(layerParams);
|
|
|
213 block.showMapParams(elem, params);
|
|
|
214 params = block.readMapParams();
|
|
|
215 block.updateMap(elem,params);
|
|
|
216 },
|
|
|
217 "Cancel": function() {
|
|
|
218 $(this).dialog("close");
|
|
|
219 }
|
|
|
220 }
|
|
|
221 });
|
|
|
222 };
|
|
|
223
|
