Commit 3a40419f2ed26acab2b8d0ff080f7ef6112a971e
1 parent
a6b112db
Exists in
master
and in
7 other branches
Novos templates para o sistema METAESTAT
Showing
9 changed files
with
723 additions
and
140 deletions
Show diff stats
admin/admin.db
No preview for this file type
ferramentas/metaestat/index.js
@@ -2001,8 +2001,10 @@ i3GEOF.metaestat = { | @@ -2001,8 +2001,10 @@ i3GEOF.metaestat = { | ||
2001 | ins = '<input type=hidden id=i3geoCartoComboMedidasVariavel value=""/>', | 2001 | ins = '<input type=hidden id=i3geoCartoComboMedidasVariavel value=""/>', |
2002 | i; | 2002 | i; |
2003 | for(i=0;i<n;i++){ | 2003 | for(i=0;i<n;i++){ |
2004 | - ins += '<p class="paragrafo" >'+dados[i].titulo+'</p>'; | ||
2005 | - ins += '<div id="comboTemasMapa_'+dados[i].id_mapa_grupo+'"></div>'; | 2004 | + ins += '<div class="divGrupo">'; |
2005 | + ins += '<p class="tituloGrupo" >'+dados[i].titulo+'</p>'; | ||
2006 | + ins += '<div class="divComboMedidas" id="comboTemasMapa_'+dados[i].id_mapa_grupo+'"></div>'; | ||
2007 | + ins += '</div>'; | ||
2006 | } | 2008 | } |
2007 | $i(onde).innerHTML = ins; | 2009 | $i(onde).innerHTML = ins; |
2008 | for(i=0;i<n;i++){ | 2010 | for(i=0;i<n;i++){ |
@@ -2019,7 +2021,7 @@ i3GEOF.metaestat = { | @@ -2019,7 +2021,7 @@ i3GEOF.metaestat = { | ||
2019 | 2021 | ||
2020 | ins = "<select style='width:"+(i3GEOF.metaestat.LARGURA - 60)+"px' onchange='i3GEOF.metaestat.publicador.comboMedidaVariavelOnchange(this)'><option value=''>---</option>"; | 2022 | ins = "<select style='width:"+(i3GEOF.metaestat.LARGURA - 60)+"px' onchange='i3GEOF.metaestat.publicador.comboMedidaVariavelOnchange(this)'><option value=''>---</option>"; |
2021 | for(i=0;i<n;i++){ | 2023 | for(i=0;i<n;i++){ |
2022 | - ins += "<option value='"+dados[i].id_mapa_tema+"'>"+dados[i].titulo+"</option>"; | 2024 | + ins += "<option value='"+dados[i].id_medida_variavel+"'>"+dados[i].titulo+"</option>"; |
2023 | } | 2025 | } |
2024 | ins += "</select>"; | 2026 | ins += "</select>"; |
2025 | ins += "<img class='ticPropriedades2' src='"+i3GEO.configura.locaplic+"/imagens/visual/default/branco.gif' style='height:14px;position:relative;cursor:pointer;left:5px;top:4px;' onclick='i3GEOF.metaestat.classes.inicia()' title='"+$trad(18,i3GEOF.metaestat.dicionario)+"'/>"; | 2027 | ins += "<img class='ticPropriedades2' src='"+i3GEO.configura.locaplic+"/imagens/visual/default/branco.gif' style='height:14px;position:relative;cursor:pointer;left:5px;top:4px;' onclick='i3GEOF.metaestat.classes.inicia()' title='"+$trad(18,i3GEOF.metaestat.dicionario)+"'/>"; |
ferramentas/metaestat/templates/lib/configbasicoi3geo.js
@@ -14,7 +14,7 @@ i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | @@ -14,7 +14,7 @@ i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | ||
14 | i3GEO.Interface.openlayers.GADGETS = { | 14 | i3GEO.Interface.openlayers.GADGETS = { |
15 | PanZoomBar:true, | 15 | PanZoomBar:true, |
16 | PanZoom:false, | 16 | PanZoom:false, |
17 | - LayerSwitcher:true, | 17 | + LayerSwitcher:false, |
18 | ScaleLine:true, | 18 | ScaleLine:true, |
19 | OverviewMap:false | 19 | OverviewMap:false |
20 | }; | 20 | }; |
@@ -33,6 +33,7 @@ i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | @@ -33,6 +33,7 @@ i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; | ||
33 | i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = false; | 33 | i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = false; |
34 | i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = false; | 34 | i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = false; |
35 | i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; | 35 | i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false; |
36 | +i3GEO.arvoreDeCamadas.finaliza = "i3GEO.arvoreDeCamadas.ARVORE.collapseAll()"; | ||
36 | i3GEO.mapa.AUTORESIZE = true; | 37 | i3GEO.mapa.AUTORESIZE = true; |
37 | OpenLayers.ImgPath = "../../../pacotes/openlayers/img/"; | 38 | OpenLayers.ImgPath = "../../../pacotes/openlayers/img/"; |
38 | // | 39 | // |
@@ -58,16 +59,16 @@ OpenLayers.ImgPath = "../../../pacotes/openlayers/img/"; | @@ -58,16 +59,16 @@ OpenLayers.ImgPath = "../../../pacotes/openlayers/img/"; | ||
58 | {isBaseLayer:true,visibility:false} | 59 | {isBaseLayer:true,visibility:false} |
59 | ); | 60 | ); |
60 | var tms = new OpenLayers.Layer.TMS( | 61 | var tms = new OpenLayers.Layer.TMS( |
61 | - "OSGEO", | ||
62 | - "http://tilecache.osgeo.org/wms-c/Basic.py/", | ||
63 | - { | ||
64 | - layername: "basic", | ||
65 | - type: "png", | ||
66 | - // set if different than the bottom left of map.maxExtent | ||
67 | - tileOrigin: new OpenLayers.LonLat(-180,-90), | ||
68 | - isBaseLayer:true, | ||
69 | - visibility:false | ||
70 | - } | 62 | + "OSGEO", |
63 | + "http://tilecache.osgeo.org/wms-c/Basic.py/", | ||
64 | + { | ||
65 | + layername: "basic", | ||
66 | + type: "png", | ||
67 | + // set if different than the bottom left of map.maxExtent | ||
68 | + tileOrigin: new OpenLayers.LonLat(-180,-90), | ||
69 | + isBaseLayer:true, | ||
70 | + visibility:false | ||
71 | + } | ||
71 | ); | 72 | ); |
72 | i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,tms]; | 73 | i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,tms]; |
73 | })(); | 74 | })(); |
@@ -0,0 +1,22 @@ | @@ -0,0 +1,22 @@ | ||
1 | +#i3geoCartoParametros_corpo { | ||
2 | + background: none repeat scroll 0 0 white; | ||
3 | + border: 1px solid lightgray; | ||
4 | + border-radius: 10px 10px 10px 10px; | ||
5 | + padding: 15px; | ||
6 | + box-shadow: 0 2px 10px 0 #888888; | ||
7 | +} | ||
8 | + | ||
9 | +.divGrupo { | ||
10 | + margin-top: 5px; | ||
11 | +} | ||
12 | + | ||
13 | +.tituloGrupo { | ||
14 | + font-size: 12px; | ||
15 | + line-height: 15px; | ||
16 | + margin-bottom: 9px; | ||
17 | + text-align: left; | ||
18 | +} | ||
19 | + | ||
20 | +.divComboMedidas { | ||
21 | + | ||
22 | +} | ||
0 | \ No newline at end of file | 23 | \ No newline at end of file |
@@ -0,0 +1,175 @@ | @@ -0,0 +1,175 @@ | ||
1 | +<?php | ||
2 | +/* | ||
3 | +Template usado pelo sistema de publicacao de mapas do METAESTAT | ||
4 | + | ||
5 | +Licenca: | ||
6 | + | ||
7 | +GPL2 | ||
8 | + | ||
9 | +i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet | ||
10 | + | ||
11 | +Direitos Autorais Reservados (c) 2006 Ministério da Saúde | ||
12 | +Desenvolvedor: equipe da SAGE/MS http://189.28.128.178/sage/ | ||
13 | + | ||
14 | +Este programa é software livre; você pode redistribuí-lo | ||
15 | +e/ou modificá-lo sob os termos da Licença Pública Geral | ||
16 | +GNU conforme publicada pela Free Software Foundation; | ||
17 | + | ||
18 | +Este programa é distribuído na expectativa de que seja útil, | ||
19 | +porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita | ||
20 | +de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA. | ||
21 | +Consulte a Licença Pública Geral do GNU para mais detalhes. | ||
22 | +Você deve ter recebido uma cópia da Licença Pública Geral do | ||
23 | +GNU junto com este programa; se não, escreva para a | ||
24 | +Free Software Foundation, Inc., no endereço | ||
25 | +59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. | ||
26 | +*/ | ||
27 | +/* | ||
28 | + * Os seguintes elementos do mapa sao passados ao template | ||
29 | +$dadosmapa = array(6) { | ||
30 | +["id_mapa"]=>string(1) "1" | ||
31 | +["titulo"]=>string(5) "teste" | ||
32 | +["template"]=>string(0) "" | ||
33 | +["logoesquerdo"]=>string(15) "escavadeira.png" | ||
34 | +["logodireito"]=>string(0) "" | ||
35 | +["publicado"]=>string(0) "" | ||
36 | +} | ||
37 | +*/ | ||
38 | +/* | ||
39 | +* Utilize <template>.php?id= | ||
40 | +* Onde id é o identificador do mapa cadastrado no METAESTAT | ||
41 | +*/ | ||
42 | + | ||
43 | +include("lib/dadosmapa.php"); | ||
44 | +$dadosmapa = dadosmapa("../../../"); | ||
45 | +?> | ||
46 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | ||
47 | +<html> | ||
48 | +<head> | ||
49 | +<meta http-equiv="Category" content="i3Geo Mapa interativo MS SAGE geoprocessamento sig mobile"> | ||
50 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> | ||
51 | +<title>Cartogramas</title> | ||
52 | +<style> | ||
53 | +.banner { | ||
54 | + text-align: right; | ||
55 | + color: #004646; | ||
56 | + background-color: #F4F4F4; | ||
57 | + font-family: Verdana, Arial, Helvetica, sans-serif; | ||
58 | + font-weight: bold; | ||
59 | + vertical-align: middle; | ||
60 | +} | ||
61 | +</style> | ||
62 | +</head> | ||
63 | +<body id="i3geo" > | ||
64 | +<table width="100%" border="0" cellpadding="0" cellspacing="0" class="banner"> | ||
65 | + <tr> | ||
66 | + <td class="banner" style=text-align:left;background-color:rgb(248,248,248) > | ||
67 | + <img src="logos/<?php echo $dadosmapa["logoesquerdo"];?>" height="70"> | ||
68 | + </td> | ||
69 | + </tr> | ||
70 | +</table> | ||
71 | +<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'> | ||
72 | + <tr style="border:0px"> | ||
73 | + <td height="2" colspan=2 id="barraSuperior" style="background-image: url('../../../imagens/cabeca.png');height:10px"></td> | ||
74 | + </tr> | ||
75 | + | ||
76 | + <tr> | ||
77 | + <td align="left" id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;" > | ||
78 | + <div id='guia1obj' align="left" style="overflow:auto;"> | ||
79 | + <div id="i3geoCartoParametros_corpo" style="left:5px;position:relative; top:10px; display:block; text-align:left; width:248px;" > | ||
80 | + <div id="i3geoCartoVariaveisContainer"> | ||
81 | + <div class="paragrafo" id="i3geoCartoMedidasVariavel" > | ||
82 | + </div> | ||
83 | + <div class="paragrafo" id="i3geoCartoParametrosMedidasVariavel" > | ||
84 | + </div> | ||
85 | + </div> | ||
86 | + <input type="button" id="i3GEOcartoBotaoAdicionaCamada" value="Adicionar" class="paragrafo" style="width:200px;cursor:pointer;color:blue" /> | ||
87 | + </div> | ||
88 | + <div align="left" id=listaTemas style="position:relative;top:25px;" ></div> | ||
89 | + </div> | ||
90 | + </td> | ||
91 | + <td style="vertical-align:top;border-width:0px;"> | ||
92 | + <table width="100%" style="vertical-align:top;border-width:0px"> | ||
93 | + <tr> | ||
94 | + <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> | ||
95 | + <div id="menus" ></div> | ||
96 | + </td> | ||
97 | + </tr> | ||
98 | + <tr> | ||
99 | + <td class=verdeclaro id=contemImg > <div id=corpoMapa style="background-image: url('../../../imagens/i3geo1bw.jpg');"></div></td> | ||
100 | + </tr> | ||
101 | + </table> | ||
102 | + </td> | ||
103 | + </tr> | ||
104 | + <tr> | ||
105 | + <td class=tdbranca > </td> | ||
106 | + <td class=tdbranca > | ||
107 | + <table width=100% > | ||
108 | + <tr> | ||
109 | + <td class=tdbranca style="width:50%;"> <div id=escala style="text-align:right;display:inline-table" ></div></td> | ||
110 | + <td class=tdbranca style="width:50%;"> <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div></td> | ||
111 | + </tr> | ||
112 | + </table> | ||
113 | + </td> | ||
114 | + </tr> | ||
115 | + <tr style="border:0px"> | ||
116 | + <td colspan=3 id="barraInferior" style="background-image: url('../../../imagens/rodape.png');height:10px"></td> | ||
117 | + </tr> | ||
118 | +</table> | ||
119 | +<table id="i3GEOlogoMarca" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'> | ||
120 | + <tr> | ||
121 | + <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></td> | ||
122 | + </tr> | ||
123 | + <tr> | ||
124 | + <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../../../imagens/logo_inicio.png' ></td> | ||
125 | + </tr> | ||
126 | + <tr> | ||
127 | + <td> | ||
128 | + </td> | ||
129 | + </tr> | ||
130 | +</table> | ||
131 | +<!-- utilizado pelo seletor de colourramp --> | ||
132 | +<input type=hidden value="" id="listaColourRampAnaliseMetaestat" onchange="i3GEOF.metaestat.analise.aplicaColourRamp()" /> | ||
133 | + | ||
134 | +<script src="../../../classesjs/i3geo.js"></script> | ||
135 | +<script src="../index.js"></script> | ||
136 | +<script src="../../../pacotes/openlayers/OpenLayers211.js.php"></script> | ||
137 | +<script src="lib/configbasicoi3geo.js" ></script> | ||
138 | +<script src="../dicionario.js" ></script> | ||
139 | +<link rel="stylesheet" type="text/css" href="lib/default.css"> | ||
140 | +<script> | ||
141 | +i3GEO.finalizaAPI = '$i("guia1obj").style.height = 20 + i3GEO.parametros.h+"px";'; | ||
142 | +i3GEO.barraDeBotoes.OFFSET = 7; | ||
143 | +i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){ | ||
144 | + i3GEO.mapa.dialogo.locregiao(); | ||
145 | +}; | ||
146 | +i3GEO.configura.diminuiyN = 140; | ||
147 | +i3GEO.configura.diminuiyM = 140; | ||
148 | +i3GEO.cria(); | ||
149 | +i3GEO.configura.sid = ""; | ||
150 | +i3GEO.inicia(); | ||
151 | +//parametros especificos dos cartogramas | ||
152 | +//ver i3geo/ferramentas/metaestat | ||
153 | +i3GEOF.metaestat.CONEXAODEFAULT = 9; | ||
154 | +i3GEOF.metaestat.TOP = 110; | ||
155 | +i3GEOF.metaestat.LEFT = 100; | ||
156 | + | ||
157 | +//i3GEOF.metaestat.LARGURA = 270; | ||
158 | +//i3GEOF.metaestat.ALTURA = 300; | ||
159 | +// | ||
160 | +//define a funcao que sera executada ao clicar no mapa | ||
161 | +//default (balao do tipo etiqueta) | ||
162 | +i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | ||
163 | +// | ||
164 | +//opcoes do publicador de mapas | ||
165 | +// | ||
166 | +i3GEOF.metaestat.INTERFACE = ""; | ||
167 | +i3GEOF.metaestat.publicador.IDMAPA = <?php echo $_GET["id"];?>; | ||
168 | +i3GEOF.metaestat.inicia(); | ||
169 | +i3GEOF.metaestat.publicador.montaGrupos("i3geoCartoMedidasVariavel"); | ||
170 | +i3GEOF.metaestat.principal.botaoAdicionaCamada(150); | ||
171 | +i3GEOF.metaestat.INTERFACE = "flutuante"; | ||
172 | + | ||
173 | +</script> | ||
174 | +</body> | ||
175 | +</html> | ||
0 | \ No newline at end of file | 176 | \ No newline at end of file |
@@ -0,0 +1,193 @@ | @@ -0,0 +1,193 @@ | ||
1 | +<?php | ||
2 | +/* | ||
3 | +Template usado pelo sistema de publicacao de mapas do METAESTAT | ||
4 | + | ||
5 | +Licenca: | ||
6 | + | ||
7 | +GPL2 | ||
8 | + | ||
9 | +i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet | ||
10 | + | ||
11 | +Direitos Autorais Reservados (c) 2006 Ministério da Saúde | ||
12 | +Desenvolvedor: equipe da SAGE/MS http://189.28.128.178/sage/ | ||
13 | + | ||
14 | +Este programa é software livre; você pode redistribuí-lo | ||
15 | +e/ou modificá-lo sob os termos da Licença Pública Geral | ||
16 | +GNU conforme publicada pela Free Software Foundation; | ||
17 | + | ||
18 | +Este programa é distribuído na expectativa de que seja útil, | ||
19 | +porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita | ||
20 | +de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA. | ||
21 | +Consulte a Licença Pública Geral do GNU para mais detalhes. | ||
22 | +Você deve ter recebido uma cópia da Licença Pública Geral do | ||
23 | + GNU junto com este programa; se não, escreva para a | ||
24 | +Free Software Foundation, Inc., no endereço | ||
25 | +59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. | ||
26 | +*/ | ||
27 | +/* | ||
28 | + * Os seguintes elementos do mapa sao passados ao template | ||
29 | +$dadosmapa = array(6) { | ||
30 | +["id_mapa"]=>string(1) "1" | ||
31 | +["titulo"]=>string(5) "teste" | ||
32 | +["template"]=>string(0) "" | ||
33 | +["logoesquerdo"]=>string(15) "escavadeira.png" | ||
34 | +["logodireito"]=>string(0) "" | ||
35 | +["publicado"]=>string(0) "" | ||
36 | +} | ||
37 | +*/ | ||
38 | +/* | ||
39 | + * Utilize <template>.php?id= | ||
40 | +* Onde id é o identificador do mapa cadastrado no METAESTAT | ||
41 | +*/ | ||
42 | + | ||
43 | +include("lib/dadosmapa.php"); | ||
44 | +$dadosmapa = dadosmapa("../../../"); | ||
45 | +?> | ||
46 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | ||
47 | +<html> | ||
48 | +<head> | ||
49 | +<meta http-equiv="Category" | ||
50 | + content="i3Geo Mapa interativo MS SAGE geoprocessamento sig mobile"> | ||
51 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> | ||
52 | +<title>Cartogramas</title> | ||
53 | +<style> | ||
54 | +.banner { | ||
55 | + text-align: right; | ||
56 | + color: #004646; | ||
57 | + background-color: #F4F4F4; | ||
58 | + font-family: Verdana, Arial, Helvetica, sans-serif; | ||
59 | + font-weight: bold; | ||
60 | + vertical-align: middle; | ||
61 | +} | ||
62 | +</style> | ||
63 | +</head> | ||
64 | +<body id="i3geo"> | ||
65 | + <table width="100%" border="0" cellpadding="0" cellspacing="0" | ||
66 | + class="banner"> | ||
67 | + <tr> | ||
68 | + <td class="banner" | ||
69 | + style="text-align: left; background-color: rgb(248, 248, 248)"><img | ||
70 | + src="logos/<?php echo $dadosmapa["logoesquerdo"];?>" height="70"> | ||
71 | + </td> | ||
72 | + </tr> | ||
73 | + </table> | ||
74 | + <table id='mst' summary="" style='display: none;' width=100% | ||
75 | + cellspacing='0'> | ||
76 | + <tr style="border: 0px"> | ||
77 | + <td height="2" id="barraSuperior" | ||
78 | + style="background-image: url('../../../imagens/cabeca.png'); height: 10px"></td> | ||
79 | + </tr> | ||
80 | + <tr> | ||
81 | + <td id="contemMenu" | ||
82 | + style="text-align: right; height: 0px; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | ||
83 | + <div id="menus"></div> | ||
84 | + </td> | ||
85 | + </tr> | ||
86 | + <tr> | ||
87 | + <td style="vertical-align: top; border-width: 0px;"> | ||
88 | + <table width="100%" style="vertical-align: top; border-width: 0px"> | ||
89 | + <tr> | ||
90 | + <td class=verdeclaro id=contemImg> | ||
91 | + <div id=corpoMapa | ||
92 | + style="background-image: url('../../../imagens/i3geo1bw.jpg');"></div> | ||
93 | + </td> | ||
94 | + </tr> | ||
95 | + </table> | ||
96 | + </td> | ||
97 | + </tr> | ||
98 | + <tr> | ||
99 | + <td class=tdbranca> | ||
100 | + <table width=100%> | ||
101 | + <tr> | ||
102 | + <td class=tdbranca style="width: 50%;"> | ||
103 | + <div id=escala style="text-align: right; display: inline-table"></div> | ||
104 | + </td> | ||
105 | + <td class=tdbranca style="width: 50%;"> | ||
106 | + <div id=localizarxy | ||
107 | + style="text-align: left; font-size: 10px; display: inline-table">Aguarde...</div> | ||
108 | + </td> | ||
109 | + </tr> | ||
110 | + </table> | ||
111 | + </td> | ||
112 | + </tr> | ||
113 | + <tr style="border: 0px"> | ||
114 | + <td colspan=3 id="barraInferior" | ||
115 | + style="background-image: url('../../../imagens/rodape.png'); height: 10px"></td> | ||
116 | + </tr> | ||
117 | + </table> | ||
118 | + <table id="i3GEOlogoMarca" | ||
119 | + style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | ||
120 | + <tr> | ||
121 | + <td><div id=versaoi3geo></div> | ||
122 | + <h2 | ||
123 | + style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo | ||
124 | + - Software livre para criação de mapas interativos e | ||
125 | + geoprocessamento</h2> | ||
126 | + <h3 | ||
127 | + style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado | ||
128 | + no Mapserver, é licenciado sob GPL e integra o Portal do Software | ||
129 | + Público Brasileiro</h3></td> | ||
130 | + </tr> | ||
131 | + <tr> | ||
132 | + <td style="padding: 10px;"><img style="width: 560px; height: 81px" | ||
133 | + alt="" src='../../../imagens/logo_inicio.png'></td> | ||
134 | + </tr> | ||
135 | + <tr> | ||
136 | + <td></td> | ||
137 | + </tr> | ||
138 | + </table> | ||
139 | + <div id="i3geoCartoParametros_corpo" | ||
140 | + style="position: absolute; display: block; text-align: left; width: 248px;top: 110px;left: 80px;"> | ||
141 | + <div id="i3geoCartoVariaveisContainer"> | ||
142 | + <div class="paragrafo" id="i3geoCartoMedidasVariavel"></div> | ||
143 | + <div class="paragrafo" id="i3geoCartoParametrosMedidasVariavel"></div> | ||
144 | + </div> | ||
145 | + <input type="button" id="i3GEOcartoBotaoAdicionaCamada" | ||
146 | + value="Adicionar" class="paragrafo" | ||
147 | + style="width: 200px; cursor: pointer; color: blue" /> | ||
148 | + </div> | ||
149 | + | ||
150 | + <!-- utilizado pelo seletor de colourramp --> | ||
151 | + <input type=hidden value="" id="listaColourRampAnaliseMetaestat" | ||
152 | + onchange="i3GEOF.metaestat.analise.aplicaColourRamp()" /> | ||
153 | + | ||
154 | + <script src="../../../classesjs/i3geo.js"></script> | ||
155 | + <script src="../index.js"></script> | ||
156 | + <script src="../../../pacotes/openlayers/OpenLayers211.js.php"></script> | ||
157 | + <script src="lib/configbasicoi3geo.js"></script> | ||
158 | + <script src="../dicionario.js"></script> | ||
159 | + <link rel="stylesheet" type="text/css" href="lib/default.css"> | ||
160 | + <script> | ||
161 | +i3GEO.barraDeBotoes.OFFSET = 7; | ||
162 | +i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){ | ||
163 | + i3GEO.mapa.dialogo.locregiao(); | ||
164 | +}; | ||
165 | +i3GEO.configura.diminuiyN = 140; | ||
166 | +i3GEO.configura.diminuiyM = 140; | ||
167 | +i3GEO.cria(); | ||
168 | +i3GEO.configura.sid = ""; | ||
169 | +i3GEO.inicia(); | ||
170 | +//parametros especificos dos cartogramas | ||
171 | +//ver i3geo/ferramentas/metaestat | ||
172 | +i3GEOF.metaestat.CONEXAODEFAULT = 9; | ||
173 | +i3GEOF.metaestat.TOP = 110; | ||
174 | +i3GEOF.metaestat.LEFT = 100; | ||
175 | + | ||
176 | +//i3GEOF.metaestat.LARGURA = 270; | ||
177 | +//i3GEOF.metaestat.ALTURA = 300; | ||
178 | +// | ||
179 | +//define a funcao que sera executada ao clicar no mapa | ||
180 | +//default (balao do tipo etiqueta) | ||
181 | +i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | ||
182 | +// | ||
183 | +//opcoes do publicador de mapas | ||
184 | +// | ||
185 | +i3GEOF.metaestat.INTERFACE = ""; | ||
186 | +i3GEOF.metaestat.publicador.IDMAPA = <?php echo $_GET["id"];?>; | ||
187 | +i3GEOF.metaestat.inicia(); | ||
188 | +i3GEOF.metaestat.publicador.montaGrupos("i3geoCartoMedidasVariavel"); | ||
189 | +i3GEOF.metaestat.principal.botaoAdicionaCamada(150); | ||
190 | +i3GEOF.metaestat.INTERFACE = "flutuante"; | ||
191 | +</script> | ||
192 | +</body> | ||
193 | +</html> |
ferramentas/metaestat/templates/simples_lateral.php
@@ -100,7 +100,6 @@ $dadosmapa = dadosmapa("../../../"); | @@ -100,7 +100,6 @@ $dadosmapa = dadosmapa("../../../"); | ||
100 | </div> | 100 | </div> |
101 | </div> | 101 | </div> |
102 | <input type="button" id="i3GEOcartoBotaoAdicionaCamada" value="Adicionar" class="paragrafo" style="width:200px;cursor:pointer;color:blue" /> | 102 | <input type="button" id="i3GEOcartoBotaoAdicionaCamada" value="Adicionar" class="paragrafo" style="width:200px;cursor:pointer;color:blue" /> |
103 | - | ||
104 | </div> | 103 | </div> |
105 | <div align="left" id=listaTemas style="position:relative;top:25px;" ></div> | 104 | <div align="left" id=listaTemas style="position:relative;top:25px;" ></div> |
106 | </div> | 105 | </div> |
@@ -152,8 +151,9 @@ $dadosmapa = dadosmapa("../../../"); | @@ -152,8 +151,9 @@ $dadosmapa = dadosmapa("../../../"); | ||
152 | <script src="../../../pacotes/openlayers/OpenLayers211.js.php"></script> | 151 | <script src="../../../pacotes/openlayers/OpenLayers211.js.php"></script> |
153 | <script src="lib/configbasicoi3geo.js" ></script> | 152 | <script src="lib/configbasicoi3geo.js" ></script> |
154 | <script src="../dicionario.js" ></script> | 153 | <script src="../dicionario.js" ></script> |
154 | +<link rel="stylesheet" type="text/css" href="lib/default.css"> | ||
155 | <script> | 155 | <script> |
156 | -i3GEO.barraDeBotoes.OFFSET = -3; | 156 | +i3GEO.barraDeBotoes.OFFSET = 7; |
157 | i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){ | 157 | i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){ |
158 | i3GEO.mapa.dialogo.locregiao(); | 158 | i3GEO.mapa.dialogo.locregiao(); |
159 | }; | 159 | }; |
@@ -0,0 +1,229 @@ | @@ -0,0 +1,229 @@ | ||
1 | +<?php | ||
2 | +/* | ||
3 | +Template usado pelo sistema de publicacao de mapas do METAESTAT | ||
4 | + | ||
5 | +Licenca: | ||
6 | + | ||
7 | +GPL2 | ||
8 | + | ||
9 | +i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet | ||
10 | + | ||
11 | +Direitos Autorais Reservados (c) 2006 Ministério da Saúde | ||
12 | +Desenvolvedor: equipe da SAGE/MS http://189.28.128.178/sage/ | ||
13 | + | ||
14 | +Este programa é software livre; você pode redistribuí-lo | ||
15 | +e/ou modificá-lo sob os termos da Licença Pública Geral | ||
16 | +GNU conforme publicada pela Free Software Foundation; | ||
17 | + | ||
18 | +Este programa é distribuído na expectativa de que seja útil, | ||
19 | +porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita | ||
20 | +de COMERCIABILIDADE OU ADEQUAÇÃO A UMA FINALIDADE ESPECÍFICA. | ||
21 | +Consulte a Licença Pública Geral do GNU para mais detalhes. | ||
22 | +Você deve ter recebido uma cópia da Licença Pública Geral do | ||
23 | + GNU junto com este programa; se não, escreva para a | ||
24 | +Free Software Foundation, Inc., no endereço | ||
25 | +59 Temple Street, Suite 330, Boston, MA 02111-1307 USA. | ||
26 | +*/ | ||
27 | +/* | ||
28 | + * Os seguintes elementos do mapa sao passados ao template | ||
29 | +$dadosmapa = array(6) { | ||
30 | +["id_mapa"]=>string(1) "1" | ||
31 | +["titulo"]=>string(5) "teste" | ||
32 | +["template"]=>string(0) "" | ||
33 | +["logoesquerdo"]=>string(15) "escavadeira.png" | ||
34 | +["logodireito"]=>string(0) "" | ||
35 | +["publicado"]=>string(0) "" | ||
36 | +} | ||
37 | +*/ | ||
38 | +/* | ||
39 | + * Utilize <template>.php?id= | ||
40 | +* Onde id é o identificador do mapa cadastrado no METAESTAT | ||
41 | +*/ | ||
42 | + | ||
43 | +include("lib/dadosmapa.php"); | ||
44 | +$dadosmapa = dadosmapa("../../../"); | ||
45 | +?> | ||
46 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | ||
47 | +<html> | ||
48 | +<head> | ||
49 | +<meta http-equiv="Category" | ||
50 | + content="i3Geo Mapa interativo MS SAGE geoprocessamento sig mobile"> | ||
51 | +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> | ||
52 | +<title>Cartogramas</title> | ||
53 | +<style> | ||
54 | +.banner { | ||
55 | + text-align: right; | ||
56 | + color: #004646; | ||
57 | + background-color: #F4F4F4; | ||
58 | + font-family: Verdana, Arial, Helvetica, sans-serif; | ||
59 | + font-weight: bold; | ||
60 | + vertical-align: middle; | ||
61 | +} | ||
62 | +</style> | ||
63 | +</head> | ||
64 | +<body id="i3geo"> | ||
65 | + <table width="100%" border="0" cellpadding="0" cellspacing="0" | ||
66 | + class="banner"> | ||
67 | + <tr> | ||
68 | + <td class="banner" | ||
69 | + style="text-align: left; background-color: rgb(248, 248, 248)"><img | ||
70 | + src="logos/<?php echo $dadosmapa["logoesquerdo"];?>" height="70"> | ||
71 | + </td> | ||
72 | + </tr> | ||
73 | + </table> | ||
74 | + <table id='mst' summary="" style='display: none;' width=100% | ||
75 | + cellspacing='0'> | ||
76 | + <tr style="border: 0px"> | ||
77 | + <td height="2" id="barraSuperior" | ||
78 | + style="background-image: url('../../../imagens/cabeca.png'); height: 10px"></td> | ||
79 | + </tr> | ||
80 | + <tr> | ||
81 | + <td id="contemMenu" | ||
82 | + style="text-align: right; height: 0px; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | ||
83 | + <div id="menus"></div> | ||
84 | + </td> | ||
85 | + </tr> | ||
86 | + <tr> | ||
87 | + <td style="vertical-align: top; border-width: 0px;"> | ||
88 | + <table width="100%" style="vertical-align: top; border-width: 0px"> | ||
89 | + <tr> | ||
90 | + <td class=verdeclaro id=contemImg> | ||
91 | + <div id=corpoMapa | ||
92 | + style="background-image: url('../../../imagens/i3geo1bw.jpg');"></div> | ||
93 | + </td> | ||
94 | + </tr> | ||
95 | + </table> | ||
96 | + </td> | ||
97 | + </tr> | ||
98 | + <tr> | ||
99 | + <td class=tdbranca> | ||
100 | + <table width=100%> | ||
101 | + <tr> | ||
102 | + <td class=tdbranca style="width: 50%;"> | ||
103 | + <div id=escala style="text-align: right; display: inline-table"></div> | ||
104 | + </td> | ||
105 | + <td class=tdbranca style="width: 50%;"> | ||
106 | + <div id=localizarxy | ||
107 | + style="text-align: left; font-size: 10px; display: inline-table">Aguarde...</div> | ||
108 | + </td> | ||
109 | + </tr> | ||
110 | + </table> | ||
111 | + </td> | ||
112 | + </tr> | ||
113 | + <tr style="border: 0px"> | ||
114 | + <td colspan=3 id="barraInferior" | ||
115 | + style="background-image: url('../../../imagens/rodape.png'); height: 10px"></td> | ||
116 | + </tr> | ||
117 | + </table> | ||
118 | + <table id="i3GEOlogoMarca" | ||
119 | + style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | ||
120 | + <tr> | ||
121 | + <td><div id=versaoi3geo></div> | ||
122 | + <h2 | ||
123 | + style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo | ||
124 | + - Software livre para criação de mapas interativos e | ||
125 | + geoprocessamento</h2> | ||
126 | + <h3 | ||
127 | + style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado | ||
128 | + no Mapserver, é licenciado sob GPL e integra o Portal do Software | ||
129 | + Público Brasileiro</h3></td> | ||
130 | + </tr> | ||
131 | + <tr> | ||
132 | + <td style="padding: 10px;"><img style="width: 560px; height: 81px" | ||
133 | + alt="" src='../../../imagens/logo_inicio.png'></td> | ||
134 | + </tr> | ||
135 | + <tr> | ||
136 | + <td></td> | ||
137 | + </tr> | ||
138 | + </table> | ||
139 | + <div id="i3geoCartoParametros_corpo" | ||
140 | + style="position: absolute; display: block; text-align: left; width: 248px;top: 110px;left: 80px;"> | ||
141 | + <div id="i3geoCartoVariaveisContainer"> | ||
142 | + <div class="paragrafo" id="i3geoCartoMedidasVariavel"></div> | ||
143 | + <div class="paragrafo" id="i3geoCartoParametrosMedidasVariavel"></div> | ||
144 | + </div> | ||
145 | + <input type="button" id="i3GEOcartoBotaoAdicionaCamada" | ||
146 | + value="Adicionar" class="paragrafo" | ||
147 | + style="width: 200px; cursor: pointer; color: blue" /> | ||
148 | + </div> | ||
149 | + <div id="i3GEOguiaMovel" | ||
150 | + style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | ||
151 | + <img id="i3GEOguiaMovelPuxador" | ||
152 | + onclick='i3GEO.guias.guiaMovel.abreFecha()' | ||
153 | + style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px' | ||
154 | + width='0px' src='../../../imagens/openbars.png'> | ||
155 | + <div id="i3GEOguiaMovelMolde" | ||
156 | + style="box-shadow: -2px 0 2px gray; border-radius: 5px 0px 0px 5px; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | ||
157 | + <div id="i3GEOguiaMovelIcones" | ||
158 | + style='overflow: none; left: 0px; display: none; position: absolute; top: 0px; text-align: center; height: 0px; width: 0px; border: solid 0px white; background-color: white'></div> | ||
159 | + <div id="i3GEOguiaMovelConteudo" | ||
160 | + style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | ||
161 | + <div id='guia1obj' style='display: none;'> | ||
162 | + <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | ||
163 | + <div style='left: 5px; top: 10px;' id=buscaRapida></div> | ||
164 | + <!-- Esta div acrescenta a lista de propriedades do mapa --> | ||
165 | + <div id=listaPropriedades style='top: 15px;'></div> | ||
166 | + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | ||
167 | + <div id=listaLayersBase style='top: 15px;'></div> | ||
168 | + <!-- Esta div acrescenta a lista de de camadas disponíveis no mapa atual --> | ||
169 | + <div id=listaTemas style='top: 15px;'></div> | ||
170 | + </div> | ||
171 | + <div id='guia2obj' style='display: none;'> | ||
172 | + Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /> | ||
173 | + </div> | ||
174 | + <div id='guia4obj' style='display: none; text-align: left'> | ||
175 | + <div id='legenda' style='text-align: left'></div> | ||
176 | + </div> | ||
177 | + <div id='guia5obj' style='display: none; text-align: left'> | ||
178 | + <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div> | ||
179 | + </div> | ||
180 | + </div> | ||
181 | + </div> | ||
182 | + </div> | ||
183 | + | ||
184 | + <!-- utilizado pelo seletor de colourramp --> | ||
185 | + <input type=hidden value="" id="listaColourRampAnaliseMetaestat" | ||
186 | + onchange="i3GEOF.metaestat.analise.aplicaColourRamp()" /> | ||
187 | + | ||
188 | + <script src="../../../classesjs/i3geo.js"></script> | ||
189 | + <script src="../index.js"></script> | ||
190 | + <script src="../../../pacotes/openlayers/OpenLayers211.js.php"></script> | ||
191 | + <script src="lib/configbasicoi3geo.js"></script> | ||
192 | + <script src="../dicionario.js"></script> | ||
193 | + <link rel="stylesheet" type="text/css" href="lib/default.css"> | ||
194 | + <script> | ||
195 | +i3GEO.barraDeBotoes.OFFSET = 7; | ||
196 | +i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){ | ||
197 | + i3GEO.mapa.dialogo.locregiao(); | ||
198 | +}; | ||
199 | +i3GEO.configura.diminuiyN = 140; | ||
200 | +i3GEO.configura.diminuiyM = 140; | ||
201 | +i3GEO.cria(); | ||
202 | +i3GEO.configura.sid = ""; | ||
203 | +i3GEO.guias.TIPO = "movel"; | ||
204 | +i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; | ||
205 | +i3GEO.inicia(); | ||
206 | +//parametros especificos dos cartogramas | ||
207 | +//ver i3geo/ferramentas/metaestat | ||
208 | +i3GEOF.metaestat.CONEXAODEFAULT = 9; | ||
209 | +i3GEOF.metaestat.TOP = 110; | ||
210 | +i3GEOF.metaestat.LEFT = 100; | ||
211 | + | ||
212 | +//i3GEOF.metaestat.LARGURA = 270; | ||
213 | +//i3GEOF.metaestat.ALTURA = 300; | ||
214 | +// | ||
215 | +//define a funcao que sera executada ao clicar no mapa | ||
216 | +//default (balao do tipo etiqueta) | ||
217 | +i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip]; | ||
218 | +// | ||
219 | +//opcoes do publicador de mapas | ||
220 | +// | ||
221 | +i3GEOF.metaestat.INTERFACE = ""; | ||
222 | +i3GEOF.metaestat.publicador.IDMAPA = <?php echo $_GET["id"];?>; | ||
223 | +i3GEOF.metaestat.inicia(); | ||
224 | +i3GEOF.metaestat.publicador.montaGrupos("i3geoCartoMedidasVariavel"); | ||
225 | +i3GEOF.metaestat.principal.botaoAdicionaCamada(150); | ||
226 | +i3GEOF.metaestat.INTERFACE = "flutuante"; | ||
227 | +</script> | ||
228 | +</body> | ||
229 | +</html> |
interface/openlayers.htm
1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> | 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
2 | <html> | 2 | <html> |
3 | <head> | 3 | <head> |
4 | -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | 4 | +<meta http-equiv="Category" |
5 | + content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> | ||
5 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> | 6 | <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> |
6 | 7 | ||
7 | <title>i3GEO - OpenLayers</title> | 8 | <title>i3GEO - OpenLayers</title> |
@@ -10,33 +11,28 @@ | @@ -10,33 +11,28 @@ | ||
10 | </head> | 11 | </head> |
11 | <body id="i3geo" style="background-color: white"> | 12 | <body id="i3geo" style="background-color: white"> |
12 | <!-- inclui o nome do usuario logado --> | 13 | <!-- inclui o nome do usuario logado --> |
13 | - <div id="i3GEONomeLogin" style="position: absolute; | ||
14 | - left: 10px; | ||
15 | - top: 12px; | ||
16 | - font-size: 11px; | ||
17 | - z-index: 50000"></div> | ||
18 | - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'> | 14 | + <div id="i3GEONomeLogin" |
15 | + style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div> | ||
16 | + <table id='mst' summary="" style='display: none;' width=100% | ||
17 | + cellspacing='0'> | ||
19 | <tr style="border: 0px"> | 18 | <tr style="border: 0px"> |
20 | - <td id="barraSuperior" style="background-image: url('../imagens/visual/default/cabeca.png'); | ||
21 | - height: 10px"></td> | 19 | + <td id="barraSuperior" |
20 | + style="background-image: url('../imagens/visual/default/cabeca.png'); height: 10px"></td> | ||
22 | </tr> | 21 | </tr> |
23 | <tr> | 22 | <tr> |
24 | - <td id="contemMenu" style="text-align: right; | ||
25 | - border-width: 0pt 0pt 1px; | ||
26 | - border-color: rgb(240, 240, 240)"> | 23 | + <td id="contemMenu" |
24 | + style="text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)"> | ||
27 | <!--menu suspenso--> | 25 | <!--menu suspenso--> |
28 | <div id="menus"></div> | 26 | <div id="menus"></div> |
29 | </td> | 27 | </td> |
30 | </tr> | 28 | </tr> |
31 | <tr> | 29 | <tr> |
32 | - <td style="vertical-align: top; | ||
33 | - border-width: 0px;"> | ||
34 | - <table width="100%" style="vertical-align: top; | ||
35 | - border-width: 0px"> | 30 | + <td style="vertical-align: top; border-width: 0px;"> |
31 | + <table width="100%" style="vertical-align: top; border-width: 0px"> | ||
36 | <tr> | 32 | <tr> |
37 | <td class=verdeclaro id=contemImg> | 33 | <td class=verdeclaro id=contemImg> |
38 | - <div id=corpoMapa style="position: relative; | ||
39 | - background-image: url('../imagens/i3geo1bw.jpg');"></div> | 34 | + <div id=corpoMapa |
35 | + style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div> | ||
40 | </td> | 36 | </td> |
41 | </tr> | 37 | </tr> |
42 | </table> | 38 | </table> |
@@ -51,19 +47,11 @@ | @@ -51,19 +47,11 @@ | ||
51 | Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones | 47 | Nesse div são incluídos os ícones que permitem ao usuário modificar o visual de cores dos ícones |
52 | <div id=visual ></div> | 48 | <div id=visual ></div> |
53 | --> <!-- botão de compartilhamento em redes sociais --> | 49 | --> <!-- botão de compartilhamento em redes sociais --> |
54 | - <div id=i3GEOcompartilhar style="width: 170px; | ||
55 | - margin: auto; | ||
56 | - text-align: left; | ||
57 | - border-top: 1px solid rgb(250, 250, 250); | ||
58 | - padding-top: 1px"></div> <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | ||
59 | - <div id=tempoRedesenho style="z-index: 100; | ||
60 | - position: absolute; | ||
61 | - top: 0px; | ||
62 | - left: 0px; | ||
63 | - color: green; | ||
64 | - background-color: black; | ||
65 | - width: 50px; | ||
66 | - display: none"></div> | 50 | + <div id=i3GEOcompartilhar |
51 | + style="width: 170px; margin: auto; text-align: left; border-top: 1px solid rgb(250, 250, 250); padding-top: 1px"></div> | ||
52 | + <!-- aqui será incluído o contador de tempo quando o temporizador de redesenho do mapa estiver ativo --> | ||
53 | + <div id=tempoRedesenho | ||
54 | + style="z-index: 100; position: absolute; top: 0px; left: 0px; color: green; background-color: black; width: 50px; display: none"></div> | ||
67 | </td> | 55 | </td> |
68 | <td class=tdbranca> | 56 | <td class=tdbranca> |
69 | <!-- aqui será incluída a escala numérica --> | 57 | <!-- aqui será incluída a escala numérica --> |
@@ -71,10 +59,8 @@ | @@ -71,10 +59,8 @@ | ||
71 | </td> | 59 | </td> |
72 | <td class=tdbranca> | 60 | <td class=tdbranca> |
73 | <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> | 61 | <!-- aqui será incluído o gadget que mostra a coordenada geográfica da posição do mouse --> |
74 | - <div id=localizarxy style="margin: auto; | ||
75 | - text-align: left; | ||
76 | - font-size: 10px; | ||
77 | - display: inline-table"></div> | 62 | + <div id=localizarxy |
63 | + style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div> | ||
78 | </td> | 64 | </td> |
79 | <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> | 65 | <!-- aqui serão incluídas as bandeiras que permitem a troca de idioma --> |
80 | <td class=tdbranca> | 66 | <td class=tdbranca> |
@@ -85,23 +71,27 @@ | @@ -85,23 +71,27 @@ | ||
85 | </td> | 71 | </td> |
86 | </tr> | 72 | </tr> |
87 | <tr style="border: 0px"> | 73 | <tr style="border: 0px"> |
88 | - <td id="barraInferior" style="background-image: url('../imagens/visual/default/rodape.png'); | ||
89 | - height: 10px"></td> | 74 | + <td id="barraInferior" |
75 | + style="background-image: url('../imagens/visual/default/rodape.png'); height: 10px"></td> | ||
90 | </tr> | 76 | </tr> |
91 | </table> | 77 | </table> |
92 | - <table id="i3GEOlogoMarca" style='margin: 0px auto; | ||
93 | - box-shadow: 0 1px 13px gray; | ||
94 | - border-radius: 5px;'> | 78 | + <table id="i3GEOlogoMarca" |
79 | + style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'> | ||
95 | <tr> | 80 | <tr> |
96 | <td><div id=versaoi3geo></div> | 81 | <td><div id=versaoi3geo></div> |
97 | - <h2 style="font-size: 10px; | ||
98 | - font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para criação de mapas interativos e geoprocessamento</h2> | ||
99 | - <h3 style="font-size: 10px; | ||
100 | - font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></td> | 82 | + <h2 |
83 | + style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo | ||
84 | + - Software livre para criação de mapas interativos e | ||
85 | + geoprocessamento</h2> | ||
86 | + <h3 | ||
87 | + style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado | ||
88 | + no Mapserver, é licenciado sob GPL e integra o Portal do | ||
89 | + Software Público Brasileiro</h3></td> | ||
101 | </tr> | 90 | </tr> |
102 | <tr> | 91 | <tr> |
103 | - <td style="padding: 10px;"><img style="width: 560px; | ||
104 | - height: 81px" alt="" src='../imagens/logo_inicio.png'></td> | 92 | + <td style="padding: 10px;"><img |
93 | + style="width: 560px; height: 81px" alt="" | ||
94 | + src='../imagens/logo_inicio.png'></td> | ||
105 | </tr> | 95 | </tr> |
106 | <tr> | 96 | <tr> |
107 | <td> | 97 | <td> |
@@ -112,47 +102,21 @@ | @@ -112,47 +102,21 @@ | ||
112 | </tr> | 102 | </tr> |
113 | </table> | 103 | </table> |
114 | 104 | ||
115 | - <div id="i3GEOguiaMovel" style="position: absolute; | ||
116 | - display: block; | ||
117 | - border: 0px solid white; | ||
118 | - text-align: left; | ||
119 | - z-index: 2000; | ||
120 | - background-color: none"> | ||
121 | - <img id="i3GEOguiaMovelPuxador" onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index: 2; | ||
122 | - border: solid 0px white; | ||
123 | - left: 0px; | ||
124 | - position: absolute; | ||
125 | - top: 0px' width='0px' src='../imagens/openbars.png'> | ||
126 | - <div id="i3GEOguiaMovelMolde" style="box-shadow: -2px 0 2px gray; | ||
127 | - border-radius: 5px 0px 0px 5px; | ||
128 | - position: absolute; | ||
129 | - display: none; | ||
130 | - border: 0px solid white; | ||
131 | - text-align: left; | ||
132 | - z-index: 1000; | ||
133 | - background-color: gray"> | ||
134 | - <div id="i3GEOguiaMovelIcones" style='overflow: none; | ||
135 | - left: 0px; | ||
136 | - display: none; | ||
137 | - position: absolute; | ||
138 | - top: 0px; | ||
139 | - text-align: center; | ||
140 | - height: 0px; | ||
141 | - width: 0px; | ||
142 | - border: solid 0px white; | ||
143 | - background-color: white'></div> | ||
144 | - <div id="i3GEOguiaMovelConteudo" style='overflow: auto; | ||
145 | - display: none; | ||
146 | - position: absolute; | ||
147 | - border-color: gray; | ||
148 | - border-width: 0px 0 0px 0px; | ||
149 | - left: 0px; | ||
150 | - height: 0px; | ||
151 | - background-color: white'> | 105 | + <div id="i3GEOguiaMovel" |
106 | + style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none"> | ||
107 | + <img id="i3GEOguiaMovelPuxador" | ||
108 | + onclick='i3GEO.guias.guiaMovel.abreFecha()' | ||
109 | + style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px' | ||
110 | + width='0px' src='../imagens/openbars.png'> | ||
111 | + <div id="i3GEOguiaMovelMolde" | ||
112 | + style="box-shadow: -2px 0 2px gray; border-radius: 5px 0px 0px 5px; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray"> | ||
113 | + <div id="i3GEOguiaMovelIcones" | ||
114 | + style='overflow: none; left: 0px; display: none; position: absolute; top: 0px; text-align: center; height: 0px; width: 0px; border: solid 0px white; background-color: white'></div> | ||
115 | + <div id="i3GEOguiaMovelConteudo" | ||
116 | + style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'> | ||
152 | <div id='guia1obj' style='display: none;'> | 117 | <div id='guia1obj' style='display: none;'> |
153 | <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> | 118 | <!-- Esta div acrescenta a opção de busca rápida, caso vc queira colocá-la em um lugar específico --> |
154 | - <div style='left: 5px; | ||
155 | - top: 10px;' id=buscaRapida></div> | 119 | + <div style='left: 5px; top: 10px;' id=buscaRapida></div> |
156 | <!-- Esta div acrescenta a lista de propriedades do mapa --> | 120 | <!-- Esta div acrescenta a lista de propriedades do mapa --> |
157 | <div id=listaPropriedades style='top: 15px;'></div> | 121 | <div id=listaPropriedades style='top: 15px;'></div> |
158 | <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> | 122 | <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' específicas da interface Openlayers. Veja também a opção i3GEO.Interface.openlayers.GADGETS.LayerSwitcher --> |
@@ -163,14 +127,11 @@ | @@ -163,14 +127,11 @@ | ||
163 | <div id='guia2obj' style='display: none;'> | 127 | <div id='guia2obj' style='display: none;'> |
164 | Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /> | 128 | Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /> |
165 | </div> | 129 | </div> |
166 | - <div id='guia4obj' style='display: none; | ||
167 | - text-align: left'> | 130 | + <div id='guia4obj' style='display: none; text-align: left'> |
168 | <div id='legenda' style='text-align: left'></div> | 131 | <div id='legenda' style='text-align: left'></div> |
169 | </div> | 132 | </div> |
170 | - <div id='guia5obj' style='display: none; | ||
171 | - text-align: left'> | ||
172 | - <div id='banners' style='overflow: auto; | ||
173 | - text-align: left'>Aguarde...</div> | 133 | + <div id='guia5obj' style='display: none; text-align: left'> |
134 | + <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div> | ||
174 | </div> | 135 | </div> |
175 | </div> | 136 | </div> |
176 | </div> | 137 | </div> |
@@ -192,37 +153,37 @@ | @@ -192,37 +153,37 @@ | ||
192 | </style> | 153 | </style> |
193 | <script> | 154 | <script> |
194 | /* | 155 | /* |
195 | - Interface Openlayers | 156 | + Interface Openlayers |
196 | 157 | ||
197 | - Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers. | 158 | + Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers. |
198 | 159 | ||
199 | - File: i3geo/interface/openlayers.htm | 160 | + File: i3geo/interface/openlayers.htm |
200 | 161 | ||
201 | - Exemplo: | 162 | + Exemplo: |
202 | 163 | ||
203 | - http://<host>/i3geo/ms_criamapa.php | 164 | + http://<host>/i3geo/ms_criamapa.php |
204 | 165 | ||
205 | - http://<host>/i3geo/interface/openlayers.htm | 166 | + http://<host>/i3geo/interface/openlayers.htm |
206 | 167 | ||
207 | - http://<host>/i3geo | 168 | + http://<host>/i3geo |
208 | 169 | ||
209 | - Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO | 170 | + Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO |
210 | 171 | ||
211 | */ | 172 | */ |
212 | /* | 173 | /* |
213 | - Indica a localização correta do i3geo. | 174 | + Indica a localização correta do i3geo. |
214 | 175 | ||
215 | - É utilizada para identificar o local correto onde estão os programas em php que são utilizados. | 176 | + É utilizada para identificar o local correto onde estão os programas em php que são utilizados. |
216 | 177 | ||
217 | - Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript | 178 | + Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript |
218 | */ | 179 | */ |
219 | //i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; | 180 | //i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; |
220 | /* | 181 | /* |
221 | - Para outras configurações, veja i3geo/classesjs/classe_configura.js | 182 | + Para outras configurações, veja i3geo/classesjs/classe_configura.js |
222 | 183 | ||
223 | - exemplo | 184 | + exemplo |
224 | 185 | ||
225 | - i3GEO.configura.autotamanho = true; | 186 | + i3GEO.configura.autotamanho = true; |
226 | */ | 187 | */ |
227 | i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" | 188 | i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://" |
228 | + window.location.host + "/i3geo"; | 189 | + window.location.host + "/i3geo"; |
@@ -245,9 +206,9 @@ | @@ -245,9 +206,9 @@ | ||
245 | }; | 206 | }; |
246 | i3GEO.Interface.openlayers.TILES = true; | 207 | i3GEO.Interface.openlayers.TILES = true; |
247 | /* | 208 | /* |
248 | - i3GEO.Interface.openlayers.parametrosMap.scales = [ | ||
249 | - 105000000,50000000,21000000,10000000,5000000,1000000,500000,250000,100000,50000,25000,10000,5000,1000,100 | ||
250 | - ]; | 209 | + i3GEO.Interface.openlayers.parametrosMap.scales = [ |
210 | + 105000000,50000000,21000000,10000000,5000000,1000000,500000,250000,100000,50000,25000,10000,5000,1000,100 | ||
211 | + ]; | ||
251 | */ | 212 | */ |
252 | // | 213 | // |
253 | //controla o tamanho da barra de zoom | 214 | //controla o tamanho da barra de zoom |
@@ -260,13 +221,13 @@ | @@ -260,13 +221,13 @@ | ||
260 | i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; | 221 | i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'; |
261 | 222 | ||
262 | /* | 223 | /* |
263 | - Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. | ||
264 | - Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | 224 | + Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers. |
225 | + Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers | ||
265 | */ | 226 | */ |
266 | 227 | ||
267 | i3GEO.cria(); | 228 | i3GEO.cria(); |
268 | /* | 229 | /* |
269 | - Inicializa o mapa | 230 | + Inicializa o mapa |
270 | */ | 231 | */ |
271 | //não mostra o mapa de referência | 232 | //não mostra o mapa de referência |
272 | i3GEO.configura.mapaRefDisplay = "none"; | 233 | i3GEO.configura.mapaRefDisplay = "none"; |
@@ -287,17 +248,17 @@ | @@ -287,17 +248,17 @@ | ||
287 | // | 248 | // |
288 | //barra de botoes normal. descomente para usar | 249 | //barra de botoes normal. descomente para usar |
289 | /* | 250 | /* |
290 | - i3GEO.barraDeBotoes.TIPO = "yui"; | ||
291 | - i3GEO.barraDeBotoes.AUTOALTURA = true; | ||
292 | - i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | ||
293 | - i3GEO.barraDeBotoes.PERMITEFECHAR = false; | ||
294 | - i3GEO.barraDeBotoes.PERMITEDESLOCAR = false; | ||
295 | - i3GEO.barraDeBotoes.AUTO = true; | ||
296 | - i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | ||
297 | - i3GEO.Interface.BARRABOTOESLEFT = 0; | ||
298 | - i3GEO.Interface.BARRABOTOESTOP = 2; | ||
299 | - i3GEO.Interface.BARRADEZOOMTOP = 10; | ||
300 | - i3GEO.Interface.BARRADEZOOMLEFT = 40; | 251 | + i3GEO.barraDeBotoes.TIPO = "yui"; |
252 | + i3GEO.barraDeBotoes.AUTOALTURA = true; | ||
253 | + i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false; | ||
254 | + i3GEO.barraDeBotoes.PERMITEFECHAR = false; | ||
255 | + i3GEO.barraDeBotoes.PERMITEDESLOCAR = false; | ||
256 | + i3GEO.barraDeBotoes.AUTO = true; | ||
257 | + i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"; | ||
258 | + i3GEO.Interface.BARRABOTOESLEFT = 0; | ||
259 | + i3GEO.Interface.BARRABOTOESTOP = 2; | ||
260 | + i3GEO.Interface.BARRADEZOOMTOP = 10; | ||
261 | + i3GEO.Interface.BARRADEZOOMLEFT = 40; | ||
301 | */ | 262 | */ |
302 | i3GEO.ajuda.ATIVAJANELA = false; | 263 | i3GEO.ajuda.ATIVAJANELA = false; |
303 | i3GEO.idioma.IDSELETOR = "seletorIdiomas"; | 264 | i3GEO.idioma.IDSELETOR = "seletorIdiomas"; |
@@ -372,8 +333,8 @@ | @@ -372,8 +333,8 @@ | ||
372 | isBaseLayer : true, | 333 | isBaseLayer : true, |
373 | visibility : false | 334 | visibility : false |
374 | }); | 335 | }); |
375 | - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ oce, ims, wsm, | ||
376 | - tms, bra ]; | 336 | + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ oce, ims, wsm, tms, |
337 | + bra ]; | ||
377 | })(); | 338 | })(); |
378 | // | 339 | // |
379 | //substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. | 340 | //substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas. |