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