Commit fc440aceb7ff3cf1b46961b30e11f587247de49a
1 parent
d7bdaf16
Exists in
master
and in
7 other branches
--no commit message
Showing
2 changed files
with
98 additions
and
29 deletions
Show diff stats
ferramentas/editorol/editorol.js
... | ... | @@ -1260,7 +1260,7 @@ i3GEO.editorOL = |
1260 | 1260 | i3GEO.editorOL.interacoes.push(sel); |
1261 | 1261 | i3GEO.Interface.openlayers.interacoes[0].setActive(false); |
1262 | 1262 | sel.on("select", function(evt) { |
1263 | - var i, n, id, f; | |
1263 | + var s,i, n, id, f; | |
1264 | 1264 | n = evt.selected.length; |
1265 | 1265 | for(i=0; i<n; i++){ |
1266 | 1266 | f = evt.selected[i]; |
... | ... | @@ -1272,12 +1272,35 @@ i3GEO.editorOL = |
1272 | 1272 | id = i3GEO.util.uid(); |
1273 | 1273 | i3GEO.editorOL.idsSelecionados.push(id); |
1274 | 1274 | f.setId(id); |
1275 | - f.setProperties({ | |
1276 | - fillColor: f.getStyle().getFill().getColor(), | |
1277 | - strokeColor: f.getStyle().getStroke().getColor() | |
1278 | - }); | |
1279 | - f.getStyle().getFill().setColor('rgba(255, 255, 255, 0.5)'); | |
1280 | - f.getStyle().getStroke().setColor('blue'); | |
1275 | + s = f.getStyle(); | |
1276 | + if(s.getImage()){ | |
1277 | + f.setProperties({ | |
1278 | + fillColor: s.getImage().getFill().getColor(), | |
1279 | + strokeColor: s.getImage().getStroke().getColor() | |
1280 | + }); | |
1281 | + f.setStyle( | |
1282 | + new ol.style.Style({ | |
1283 | + image: new ol.style.Circle({ | |
1284 | + radius: i3GEO.editorOL.simbologia.pointRadius, | |
1285 | + fill: new ol.style.Fill({ | |
1286 | + color: 'rgba(255, 255, 255, 0.5)' | |
1287 | + }), | |
1288 | + stroke: new ol.style.Stroke({ | |
1289 | + color: 'blue', | |
1290 | + width: i3GEO.editorOL.simbologia.pointRadius / 3 | |
1291 | + }) | |
1292 | + }) | |
1293 | + }) | |
1294 | + ); | |
1295 | + } | |
1296 | + else{ | |
1297 | + f.setProperties({ | |
1298 | + fillColor: s.getFill().getColor(), | |
1299 | + strokeColor: s.getStroke().getColor() | |
1300 | + }); | |
1301 | + s.getFill().setColor('rgba(255, 255, 255, 0.5)'); | |
1302 | + s.getStroke().setColor('blue'); | |
1303 | + } | |
1281 | 1304 | } |
1282 | 1305 | } |
1283 | 1306 | if (n === 0){ |
... | ... | @@ -1428,14 +1451,14 @@ i3GEO.editorOL = |
1428 | 1451 | }; |
1429 | 1452 | i3GEOpanelEditor.appendChild(temp); |
1430 | 1453 | } |
1431 | - //TODO abrir em uma janela flutuante interna | |
1432 | 1454 | if (botoes.ajuda === true) { |
1433 | 1455 | temp = document.createElement("div"); |
1434 | 1456 | temp.className = "editorOLajudaItemInactive olButton"; |
1435 | 1457 | temp.title = $trad("s1"); |
1436 | 1458 | temp.onclick = function(){ |
1437 | 1459 | if(i3GEO.configura && i3GEO.configura.locaplic){ |
1438 | - window.open(i3GEO.configura.locaplic + "/mashups/openlayers_ajuda.php"); | |
1460 | + i3GEO.janela.cria("400px", "200px", i3GEO.configura.locaplic | |
1461 | + + "/mashups/openlayers_ajuda.php?completo=none", "", "", $trad("s1"), "editorOlAjuda"); | |
1439 | 1462 | } |
1440 | 1463 | else{ |
1441 | 1464 | window.open("openlayers_ajuda.php"); |
... | ... | @@ -2104,7 +2127,7 @@ i3GEO.editorOL = |
2104 | 2127 | }, |
2105 | 2128 | selTodos : function() { |
2106 | 2129 | i3GEO.editorOL.unselTodos(); |
2107 | - var features, n, f, i, id; | |
2130 | + var features, n, f, i, id, st; | |
2108 | 2131 | features = i3GEO.desenho.layergrafico.getSource().getFeatures(); |
2109 | 2132 | n = features.length; |
2110 | 2133 | for (i = 0; i < n; i++) { |
... | ... | @@ -2115,24 +2138,68 @@ i3GEO.editorOL = |
2115 | 2138 | f.setId(id); |
2116 | 2139 | } |
2117 | 2140 | i3GEO.editorOL.idsSelecionados.push(id); |
2118 | - f.setProperties({ | |
2119 | - fillColor: f.getStyle().getFill().getColor(), | |
2120 | - strokeColor: f.getStyle().getStroke().getColor() | |
2121 | - }); | |
2122 | - f.getStyle().getFill().setColor('rgba(255, 255, 255, 0.5)'); | |
2123 | - f.getStyle().getStroke().setColor('blue'); | |
2141 | + st = f.getStyle(); | |
2142 | + //para o caso de pontos | |
2143 | + if(st.getImage()){ | |
2144 | + f.setStyle( | |
2145 | + new ol.style.Style({ | |
2146 | + image: new ol.style.Circle({ | |
2147 | + radius: i3GEO.editorOL.simbologia.pointRadius, | |
2148 | + fill: new ol.style.Fill({ | |
2149 | + color: 'rgba(255, 255, 255, 0.5)' | |
2150 | + }), | |
2151 | + stroke: new ol.style.Stroke({ | |
2152 | + color: 'blue', | |
2153 | + width: i3GEO.editorOL.simbologia.pointRadius / 3 | |
2154 | + }) | |
2155 | + }) | |
2156 | + }) | |
2157 | + ); | |
2158 | + f.setProperties({ | |
2159 | + fillColor: st.getImage().getFill().getColor(), | |
2160 | + strokeColor: st.getImage().getStroke().getColor() | |
2161 | + }); | |
2162 | + } | |
2163 | + else{ | |
2164 | + f.setProperties({ | |
2165 | + fillColor: st.getFill().getColor(), | |
2166 | + strokeColor: st.getStroke().getColor() | |
2167 | + }); | |
2168 | + st.getFill().setColor('rgba(255, 255, 255, 0.5)'); | |
2169 | + st.getStroke().setColor('blue'); | |
2170 | + } | |
2124 | 2171 | } |
2125 | 2172 | i3GEO.desenho.layergrafico.getSource().changed(); |
2126 | 2173 | }, |
2127 | 2174 | unselTodos : function() { |
2128 | - var i, n, f, s; | |
2175 | + var i, n, f, s, st; | |
2129 | 2176 | s = i3GEO.desenho.layergrafico.getSource(); |
2130 | 2177 | n = i3GEO.editorOL.idsSelecionados.length; |
2131 | 2178 | for(i=0; i<n; i++){ |
2132 | 2179 | f = s.getFeatureById(i3GEO.editorOL.idsSelecionados[i]); |
2133 | 2180 | if(f){ |
2134 | - f.getStyle().getFill().setColor(f.getProperties().fillColor); | |
2135 | - f.getStyle().getStroke().setColor(f.getProperties().strokeColor); | |
2181 | + st = f.getStyle(); | |
2182 | + //caso de ponto | |
2183 | + if(st.getImage()){ | |
2184 | + f.setStyle( | |
2185 | + new ol.style.Style({ | |
2186 | + image: new ol.style.Circle({ | |
2187 | + radius: i3GEO.editorOL.simbologia.pointRadius, | |
2188 | + fill: new ol.style.Fill({ | |
2189 | + color: f.getProperties().fillColor | |
2190 | + }), | |
2191 | + stroke: new ol.style.Stroke({ | |
2192 | + color: f.getProperties().strokeColor, | |
2193 | + width: i3GEO.editorOL.simbologia.pointRadius / 3 | |
2194 | + }) | |
2195 | + }) | |
2196 | + }) | |
2197 | + ); | |
2198 | + } | |
2199 | + else{ | |
2200 | + st.getFill().setColor(f.getProperties().fillColor); | |
2201 | + st.getStroke().setColor(f.getProperties().strokeColor); | |
2202 | + } | |
2136 | 2203 | } |
2137 | 2204 | } |
2138 | 2205 | i3GEO.editorOL.idsSelecionados = []; | ... | ... |
mashups/openlayers_ajuda.php
1 | 1 | <?php |
2 | 2 | include(dirname(__FILE__)."/../versao.php"); |
3 | +$completo = "block"; | |
4 | +if(!empty($_GET["completo"]) && $_GET["completo"] == "none"){ | |
5 | + $completo = "none"; | |
6 | +} | |
3 | 7 | ?> |
4 | 8 | <html> |
5 | 9 | <head> |
... | ... | @@ -17,28 +21,26 @@ p,td |
17 | 21 | padding:2px; |
18 | 22 | } |
19 | 23 | .olControlEditingToolbar1 { |
20 | - height: 20px; | |
21 | - left: 20px; | |
22 | - position: relative; | |
23 | - width: 100%; | |
24 | + height: 20px; | |
25 | + left: 20px; | |
26 | + position: relative; | |
27 | + width: 90%; | |
24 | 28 | float: left; |
25 | 29 | } |
26 | 30 | |
27 | 31 | </style> |
28 | 32 | |
29 | 33 | </head> |
30 | -<body > | |
31 | -<div style=text-align:left > | |
34 | +<body> | |
35 | +<div style="text-align:left;display:<?php echo $completo;?>" > | |
32 | 36 | <p><img src="../imagens/i3geo1.jpg" /></p> |
33 | 37 | <p><?php echo $mensagemInicia;?></p> |
34 | 38 | <p style='font-size:16px'>Documentação do editor</p> |
39 | +<p>Para ver os parâmetros que podem ser utilizados na URL para abrir o mapa, <a href='openlayers.php?ajuda' target='_blank'>clique aqui</a></p> | |
40 | + | |
35 | 41 | </div> |
36 | 42 | <table class="olControlEditingToolbar1" > |
37 | 43 | <tr> |
38 | - <td style=width:20px ></td> | |
39 | - <td>Para ver os parâmetros que podem ser utilizados na URL para abrir o mapa, <a href='openlayers.php?ajuda' target='_blank'>clique aqui</a></td> | |
40 | - </tr> | |
41 | - <tr> | |
42 | 44 | <td style=width:20px ><div class="editorOLprocuraItemInactive"></div></td> |
43 | 45 | <td>Procure um elemento no tema que estiver ativo</td> |
44 | 46 | </tr> | ... | ... |