Commit 8c9986e63cb8b8c69a8d511ee87df391c5e4c74c
1 parent
61656e1c
Exists in
master
and in
7 other branches
--no commit message
Showing
4 changed files
with
131 additions
and
6 deletions
Show diff stats
classesjs/classe_barradebotoes.js
| ... | ... | @@ -973,6 +973,7 @@ i3GEO.barraDeBotoes = { |
| 973 | 973 | {divmensagem.innerHTML = "<table style='z-index:20000' ><tr><td id='imgMensagemBarraDeBotoes' style='background:none;padding-top:2px;padding-right:3px;vertical-align:top'><img src='"+$im("top.png")+"' ></td><td style='text-align:left;border-left:1px solid rgb(210,210,210)'><span style='text-align:right;cursor:pointer;color:blue;' onclick='javascript:i3GEO.util.insereCookie(\"botoesAjuda\",\"nao\");i3GEO.barraDeBotoes.AJUDA = false;'>fecha</span><br><div style='vertical-align:middle;text-align:left;width:250px;border: 0px solid black;border-left:1px;' id='divMensagemBarraDeBotoesCorpo'></div></td></tr></table>";} |
| 974 | 974 | } |
| 975 | 975 | if(mensagem !== ""){ |
| 976 | + YAHOO.util.Dom.setStyle("divMensagemBarraDeBotoes","display","none"); | |
| 976 | 977 | if(this.TIPOAJUDA === "horizontal"){ |
| 977 | 978 | divmensagem.style.left = parseInt(YAHOO.util.Dom.getStyle(objeto,"width"),10)+pos[0]+10+"px"; |
| 978 | 979 | divmensagem.style.top = pos[1]-2+(parseInt(YAHOO.util.Dom.getStyle(objeto,"height"),10) / 2)+"px"; |
| ... | ... | @@ -981,12 +982,16 @@ i3GEO.barraDeBotoes = { |
| 981 | 982 | divmensagem.style.left = (parseInt(YAHOO.util.Dom.getStyle(objeto,"width"),10)/2)+pos[0]-5+"px"; |
| 982 | 983 | divmensagem.style.top = pos[1]+5+parseInt(YAHOO.util.Dom.getStyle(objeto,"height"),10)+"px"; |
| 983 | 984 | } |
| 984 | - $i("divMensagemBarraDeBotoesCorpo").innerHTML = mensagem; | |
| 985 | - divmensagem.style.display="block"; | |
| 986 | 985 | try{clearTimeout(timeAjudaBotoes);}catch(e){} |
| 987 | - timeAjudaBotoes = setTimeout(function(){i3GEO.barraDeBotoes.escondeJanelaAjuda();},3000); | |
| 986 | + timeAjudaBotoes = setTimeout("i3GEO.barraDeBotoes.mostraJanelaAjuda('"+mensagem+"');",5000); | |
| 988 | 987 | } |
| 989 | 988 | }, |
| 989 | + mostraJanelaAjuda:function(mensagem){ | |
| 990 | + $i("divMensagemBarraDeBotoesCorpo").innerHTML = mensagem; | |
| 991 | + YAHOO.util.Dom.setStyle("divMensagemBarraDeBotoes","display","block"); | |
| 992 | + try{clearTimeout(timeAjudaBotoes);}catch(e){} | |
| 993 | + timeAjudaBotoes = setTimeout(function(){i3GEO.barraDeBotoes.escondeJanelaAjuda();},3000); | |
| 994 | + }, | |
| 990 | 995 | escondeJanelaAjuda:function(){ |
| 991 | 996 | YAHOO.util.Dom.setStyle("divMensagemBarraDeBotoes","display","none"); |
| 992 | 997 | try | ... | ... |
interface/openlayers.htm
| ... | ... | @@ -214,10 +214,12 @@ i3GEO.cria(); |
| 214 | 214 | /* |
| 215 | 215 | Inicializa o mapa |
| 216 | 216 | */ |
| 217 | +i3GEO.configura.mapaRefDisplay = "none"; | |
| 218 | + | |
| 217 | 219 | i3GEO.barraDeBotoes.AUTOALTURA = true; |
| 218 | 220 | i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; |
| 219 | -i3GEO.barraDeBotoes.PERMITEFECHAR = true; | |
| 220 | -i3GEO.barraDeBotoes.PERMITEDESLOCAR = true; | |
| 221 | +i3GEO.barraDeBotoes.PERMITEFECHAR = false; | |
| 222 | +i3GEO.barraDeBotoes.PERMITEDESLOCAR = false; | |
| 221 | 223 | i3GEO.barraDeBotoes.AUTO = true; |
| 222 | 224 | i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; |
| 223 | 225 | ... | ... |
mashups/openlayers.js.php
| ... | ... | @@ -680,7 +680,11 @@ i3GEO.editorOL = { |
| 680 | 680 | controles.push(button); |
| 681 | 681 | var adiciona = true; |
| 682 | 682 | } |
| 683 | - | |
| 683 | + // | |
| 684 | + //controle que permite o snap | |
| 685 | + // | |
| 686 | + i3GEOOLsnap = new OpenLayers.Control.Snapping({layer: i3GEO.editorOL.layergrafico}); | |
| 687 | + //controles.push(i3GEOOLsnap); | |
| 684 | 688 | // |
| 685 | 689 | //adiciona o painel ao mapa se alguma op��o foi inserida |
| 686 | 690 | // |
| ... | ... | @@ -688,6 +692,13 @@ i3GEO.editorOL = { |
| 688 | 692 | i3GEOpanelEditor.addControls(controles); |
| 689 | 693 | i3GEO.editorOL.mapa.addControl(i3GEOpanelEditor); |
| 690 | 694 | } |
| 695 | + var target = i3GEOOLsnap.targets[0]; | |
| 696 | + target["vertex"] = true; | |
| 697 | + target["node"] = true; | |
| 698 | + target["edge"] = true; | |
| 699 | + target["vertexTolerance"] = 15; | |
| 700 | + target["edgeTolerance"] = 15; | |
| 701 | + i3GEOOLsnap.activate(); | |
| 691 | 702 | }, |
| 692 | 703 | adicionaMarcas: function(){ |
| 693 | 704 | if(i3GEO.editorOL.pontos.length == 0) | ... | ... |
| ... | ... | @@ -0,0 +1,107 @@ |
| 1 | +<?php | |
| 2 | +include("../versao.php"); | |
| 3 | +?> | |
| 4 | +<html> | |
| 5 | +<head> | |
| 6 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | |
| 7 | +<title></title> | |
| 8 | +<link rel="stylesheet" href="openlayers.css" type="text/css" /> | |
| 9 | +<style> | |
| 10 | +p,td | |
| 11 | +{ | |
| 12 | + text-align:left; | |
| 13 | + border: 0px solid #FFFFFF; | |
| 14 | + font-family: Verdana, Arial, Helvetica, sans-serif; | |
| 15 | + position:relative; | |
| 16 | + font-size:14px; | |
| 17 | + padding:2px; | |
| 18 | +} | |
| 19 | +.olControlEditingToolbar1 { | |
| 20 | + height: 20px; | |
| 21 | + left: 20px; | |
| 22 | + position: relative; | |
| 23 | + width: 100%; | |
| 24 | + float: left; | |
| 25 | +} | |
| 26 | + | |
| 27 | +</style> | |
| 28 | + | |
| 29 | +</head> | |
| 30 | +<body > | |
| 31 | +<div style=text-align:left > | |
| 32 | +<p><img src="../imagens/i3geo1.jpg" /></p> | |
| 33 | +<p><?php echo $mensagemInicia;?></p> | |
| 34 | +<p style='font-size:16px'>Documentação do editor</p> | |
| 35 | +</div> | |
| 36 | +<table class="olControlEditingToolbar1" > | |
| 37 | + <tr> | |
| 38 | + <td style=width:20px ><div class="procuraItemInactive"></div></td> | |
| 39 | + <td>Procure um elemento no tema que estiver ativo</td> | |
| 40 | + </tr> | |
| 41 | + <tr> | |
| 42 | + <td style=width:20px ><div class="panItemInactive"></div></td> | |
| 43 | + <td>Clique e arraste um ponto no mapa para deslocar a região visível</td> | |
| 44 | + </tr> | |
| 45 | + <tr> | |
| 46 | + <td style=width:20px ><div class="zoomboxItemInactive"></div></td> | |
| 47 | + <td>Desenhe um retângulo no mapa para alterar a região visível</td> | |
| 48 | + </tr> | |
| 49 | + <tr> | |
| 50 | + <td style=width:20px ><div class="zoomtotItemInactive"></div></td> | |
| 51 | + <td>Altere a abrangência do mapa para que a região toda fique visível</td> | |
| 52 | + </tr> | |
| 53 | + <tr> | |
| 54 | + <td style=width:20px ><div class="legendaItemInactive"></div></td> | |
| 55 | + <td>Veja a legenda do mapa</td> | |
| 56 | + </tr> | |
| 57 | + <tr> | |
| 58 | + <td style=width:20px ><div class="distanciaItemInactive"></div></td> | |
| 59 | + <td>Calcule a distância entre pontos indicados no mapa. Clique em vários lugares, traçando uma linha. Para terminar, clique duas vezes sobre o mesmo ponto.</td> | |
| 60 | + </tr> | |
| 61 | + <tr> | |
| 62 | + <td style=width:20px ><div class="areaItemInactive"></div></td> | |
| 63 | + <td>Calcule a área de uma região do mapa. Clique em vários pontos, traçando uma figura. Para terminar, clique duas vezes sobre o mesmo ponto.</td> | |
| 64 | + </tr> | |
| 65 | + <tr> | |
| 66 | + <td style=width:20px ><div class="identificaItemInactive"></div></td> | |
| 67 | + <td>Clique em um lugar no mapa para ver as informações descritivas. Ao ativar essa função, se aberta uma telka com a lista de camadas, escolha qual camada do mapa será utilizada para obter os dados. No cabeçalho dos resultados, aparecerá a opção 'capturar'. Clique nela para obter a geometria encontrada. Essa geometria poderá então ser editada.</td> | |
| 68 | + </tr> | |
| 69 | + <tr> | |
| 70 | + <td style=width:20px ><div class="linhaItemInactive"></div></td> | |
| 71 | + <td>Digitalize uma nova linha</td> | |
| 72 | + </tr> | |
| 73 | + <tr> | |
| 74 | + <td style=width:20px ><div class="pontoItemInactive"></div></td> | |
| 75 | + <td>Digitalize um novo ponto</td> | |
| 76 | + </tr> | |
| 77 | + <tr> | |
| 78 | + <td style=width:20px ><div class="poligonoItemInactive"></div></td> | |
| 79 | + <td>Digitalize um novo polígono</td> | |
| 80 | + </tr> | |
| 81 | + <tr> | |
| 82 | + <td style=width:20px ><div class="editaItemInactive"></div></td> | |
| 83 | + <td>Edite uma geometria selecionada. Após ativar essa opção, clique na geometria desejada para que as opções de edição fiquem ativas. Clique e arraste o ponto ou vértice destacado ou pressione 'del' para apagar um ponto indicado.</td> | |
| 84 | + </tr> | |
| 85 | + <tr> | |
| 86 | + <td style=width:20px ><div class="selecaoItemInactive"></div></td> | |
| 87 | + <td>Clique sobre uma geometria para selecioná-la. Utilize a tecla 'shift' para adicionar ou remover geometrias de um conjunto selecionado.</td> | |
| 88 | + </tr> | |
| 89 | + <tr> | |
| 90 | + <td style=width:20px ><div class="apagaItemInactive"></div></td> | |
| 91 | + <td>Clique para apagar as geometrias selecionadas.</td> | |
| 92 | + </tr> | |
| 93 | + <tr> | |
| 94 | + <td style=width:20px ><div class="salvaItemInactive"></div></td> | |
| 95 | + <td>Salve ou obtenha as coordenadas das geometrias selecionadas.</td> | |
| 96 | + </tr> | |
| 97 | + <tr> | |
| 98 | + <td style=width:20px ><div class="propriedadesItemInactive"></div></td> | |
| 99 | + <td>Defina as propriedades de edição, como a distância de aproximação eoutros comportamentos das operações</td> | |
| 100 | + </tr> | |
| 101 | + <tr> | |
| 102 | + <td style=width:20px ><div class="ajudaItemInactive"></div></td> | |
| 103 | + <td>Abre essa página de ajuda.</td> | |
| 104 | + </tr> | |
| 105 | +</table> | |
| 106 | +</body> | |
| 107 | +</html> | |
| 0 | 108 | \ No newline at end of file | ... | ... |