Download as
Browse Code »

Commit f76fff6205230269c96768e9adbbfc259e09707e

Authored by Edmar Moretti
1 parent 9e1bf720
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Atualização dos exemplos

Showing 6 changed files with 534 additions and 398 deletions   Show diff stats
admin/admin.db
View file @f76fff6
No preview for this file type
classesjs/classe_arvoredetemas.js
  Diff comments   View file @f76fff6
@@ -1740,23 +1740,37 @@ i3GEO.arvoreDeTemas = { @@ -1740,23 +1740,37 @@ i3GEO.arvoreDeTemas = {
1740 */ 1740 */
1741 adicionaTemas: function(tsl){ 1741 adicionaTemas: function(tsl){
1742 if(typeof(console) !== 'undefined'){console.info("i3GEO.arvoreDeTemas.adicionaTemas()");} 1742 if(typeof(console) !== 'undefined'){console.info("i3GEO.arvoreDeTemas.adicionaTemas()");}
1743 - var temp;  
1744 - //  
1745 - //zera o contador de tempo  
1746 - //  
1747 - /*  
1748 - try{  
1749 - clearTimeout(tempoBotaoAplicar);  
1750 - }catch(e){}  
1751 - tempoBotaoAplicar = "";  
1752 - */ 1743 + var temp,
  1744 + tempAdiciona = function(retorno){
  1745 + i3GEO.atualiza();
  1746 + //
  1747 + //verifica se deve ser ativada uma outra guia que nao a atual
  1748 + //
  1749 + if(i3GEO.arvoreDeTemas.RETORNAGUIA !== ""){
  1750 + if(i3GEO.arvoreDeTemas.RETORNAGUIA !== i3GEO.guias.ATUAL){
  1751 + i3GEO.guias.escondeGuias();
  1752 + i3GEO.guias.mostra(i3GEO.arvoreDeTemas.RETORNAGUIA);
  1753 + }
  1754 + }
  1755 + //
  1756 + //verifica se a janela da ferramenta identifica esta ativa para atualizar a lista de temas
  1757 + //
  1758 + try{
  1759 + if($i("i3GEOidentificalistaTemas")){
  1760 + i3GEOF.identifica.listaTemas();
  1761 + g_tipoacao = "identifica";
  1762 + }
  1763 + }
  1764 + catch(r){
  1765 + if(typeof(console) !== 'undefined'){console.error(r);}
  1766 + }
  1767 + };
1753 i3GEO.mapa.ativaTema(""); 1768 i3GEO.mapa.ativaTema("");
1754 // 1769 //
1755 //pega os temas ativados na arvore de menus 1770 //pega os temas ativados na arvore de menus
1756 // 1771 //
1757 if(arguments.length !== 1) 1772 if(arguments.length !== 1)
1758 {tsl = i3GEO.arvoreDeTemas.listaTemasAtivos();} 1773 {tsl = i3GEO.arvoreDeTemas.listaTemasAtivos();}
1759 - //i3GEO.arvoreDeTemas.desativaCheckbox();  
1760 // 1774 //
1761 //se forem encontrados temas ativos na arvore de menus, o mapa e redesenhado com a adicao de novos temas 1775 //se forem encontrados temas ativos na arvore de menus, o mapa e redesenhado com a adicao de novos temas
1762 // 1776 //
@@ -1768,48 +1782,29 @@ i3GEO.arvoreDeTemas = { @@ -1768,48 +1782,29 @@ i3GEO.arvoreDeTemas = {
1768 } 1782 }
1769 if(tsl.length > 0){ 1783 if(tsl.length > 0){
1770 //verifica se o tema esta vinculado ao sistema de metadados estatisticos 1784 //verifica se o tema esta vinculado ao sistema de metadados estatisticos
1771 - temp = i3GEO.arvoreDeTemas.ARVORE.getNodeByProperty("idtema",tsl[0]);  
1772 - if(temp && temp.data.tipoa_tema === "META"){  
1773 - //obtem os parametros do tema  
1774 - temp = function(retorno){  
1775 - var id = retorno.data[tsl[0]]["METAESTAT_ID_MEDIDA_VARIAVEL"];  
1776 - i3GEO.util.dialogoFerramenta(  
1777 - "i3GEO.mapa.dialogo.metaestat()",  
1778 - "metaestat",  
1779 - "metaestat",  
1780 - "index.js",  
1781 - "i3GEOF.metaestat.inicia('flutuanteSimples','',"+id+")"  
1782 - ); 1785 + if(i3GEO.arvoreDeTemas.ARVORE){
  1786 + temp = i3GEO.arvoreDeTemas.ARVORE.getNodeByProperty("idtema",tsl[0]);
  1787 + if(temp && temp.data.tipoa_tema === "META"){
  1788 + //obtem os parametros do tema
  1789 + temp = function(retorno){
  1790 + var id = retorno.data[tsl[0]]["METAESTAT_ID_MEDIDA_VARIAVEL"];
  1791 + i3GEO.util.dialogoFerramenta(
  1792 + "i3GEO.mapa.dialogo.metaestat()",
  1793 + "metaestat",
  1794 + "metaestat",
  1795 + "index.js",
  1796 + "i3GEOF.metaestat.inicia('flutuanteSimples','',"+id+")"
  1797 + );
1783 1798
1784 - };  
1785 - i3GEO.php.pegaMetaData(temp,tsl[0]); 1799 + };
  1800 + i3GEO.php.pegaMetaData(temp,tsl[0]);
  1801 + }
  1802 + else{
  1803 + i3GEO.php.adtema(tempAdiciona,tsl.toString());
  1804 + }
1786 } 1805 }
1787 else{ 1806 else{
1788 - temp = function(retorno){  
1789 - i3GEO.atualiza();  
1790 - //  
1791 - //verifica se deve ser ativada uma outra guia que nao a atual  
1792 - //  
1793 - if(i3GEO.arvoreDeTemas.RETORNAGUIA !== ""){  
1794 - if(i3GEO.arvoreDeTemas.RETORNAGUIA !== i3GEO.guias.ATUAL){  
1795 - i3GEO.guias.escondeGuias();  
1796 - i3GEO.guias.mostra(i3GEO.arvoreDeTemas.RETORNAGUIA);  
1797 - }  
1798 - }  
1799 - //  
1800 - //verifica se a janela da ferramenta identifica esta ativa para atualizar a lista de temas  
1801 - //  
1802 - try{  
1803 - if($i("i3GEOidentificalistaTemas")){  
1804 - i3GEOF.identifica.listaTemas();  
1805 - g_tipoacao = "identifica";  
1806 - }  
1807 - }  
1808 - catch(r){  
1809 - if(typeof(console) !== 'undefined'){console.error(r);}  
1810 - }  
1811 - };  
1812 - i3GEO.php.adtema(temp,tsl.toString()); 1807 + i3GEO.php.adtema(tempAdiciona,tsl.toString());
1813 } 1808 }
1814 } 1809 }
1815 }, 1810 },
exemplos/camadas5.htm
  Diff comments   View file @f76fff6
@@ -91,7 +91,7 @@ @@ -91,7 +91,7 @@
91 background-image:url(../mashups/openlayers.png); 91 background-image:url(../mashups/openlayers.png);
92 background-repeat:no-repeat; 92 background-repeat:no-repeat;
93 float:right; 93 float:right;
94 - right: 0px; 94 + right: 0px;
95 height:29px; 95 height:29px;
96 margin:2px; 96 margin:2px;
97 width:29px; 97 width:29px;
@@ -99,7 +99,8 @@ @@ -99,7 +99,8 @@
99 } 99 }
100 </style> 100 </style>
101 <script> 101 <script>
102 -alert("Experimente abrir a guia móvel e clique na camada Limite Estadual para desativ&aacute;-la"); 102 +i3GEO.configura.mashuppar = "&temasa=estadosl locali";
  103 +alert("Experimente abrir a guia movel e clique na camada Limite Estadual para desativa-la");
103 // 104 //
104 //exemplo de como manipular os checkbox da &aacute;rvore de camadas 105 //exemplo de como manipular os checkbox da &aacute;rvore de camadas
105 // 106 //
@@ -119,7 +120,7 @@ function novaFuncaoLigaDesliga(objInput){ @@ -119,7 +120,7 @@ function novaFuncaoLigaDesliga(objInput){
119 //altera a situa&ccedil;&atilde;o de outros temas 120 //altera a situa&ccedil;&atilde;o de outros temas
120 if(codigoTema == "estadosl"){ 121 if(codigoTema == "estadosl"){
121 //captura o checkbox de outra camada 122 //captura o checkbox de outra camada
122 - ck = i3GEO.arvoreDeCamadas.capturaCheckBox("estados"); 123 + ck = i3GEO.arvoreDeCamadas.capturaCheckBox("locali");
123 //se o estado da camada desejada for igual ao da camada clicada, n&atilde;o faz nada 124 //se o estado da camada desejada for igual ao da camada clicada, n&atilde;o faz nada
124 if(ck.checked != objInput.checked){ 125 if(ck.checked != objInput.checked){
125 //coloca o checkbox no mesmo estado daquele que foi clicado 126 //coloca o checkbox no mesmo estado daquele que foi clicado
@@ -144,7 +145,7 @@ i3GEO.Interface.openlayers.GADGETS = { @@ -144,7 +145,7 @@ i3GEO.Interface.openlayers.GADGETS = {
144 PanZoom:false, 145 PanZoom:false,
145 LayerSwitcher:true, 146 LayerSwitcher:true,
146 ScaleLine:true, 147 ScaleLine:true,
147 - OverviewMap:false 148 + OverviewMap:false
148 }; 149 };
149 i3GEO.Interface.openlayers.TILES = true; 150 i3GEO.Interface.openlayers.TILES = true;
150 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}' 151 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'
@@ -166,25 +167,25 @@ i3GEO.guias.TIPO = &quot;movel&quot;; @@ -166,25 +167,25 @@ i3GEO.guias.TIPO = &quot;movel&quot;;
166 i3GEO.guias.guiaMovel.config.topGuiaMovel = 0; 167 i3GEO.guias.guiaMovel.config.topGuiaMovel = 0;
167 OpenLayers.ImgPath = "../pacotes/openlayers/img/"; 168 OpenLayers.ImgPath = "../pacotes/openlayers/img/";
168 (function(){ 169 (function(){
169 - var oce = new OpenLayers.Layer.ArcGIS93Rest( 170 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
170 "ESRI Ocean Basemap", 171 "ESRI Ocean Basemap",
171 "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export", 172 "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
172 {format:"jpeg"}, 173 {format:"jpeg"},
173 {isBaseLayer:true,visibility:false} 174 {isBaseLayer:true,visibility:false}
174 ); 175 );
175 - var ims = new OpenLayers.Layer.ArcGIS93Rest( 176 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
176 "ESRI Imagery World 2D", 177 "ESRI Imagery World 2D",
177 "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", 178 "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
178 {format:"jpeg"}, 179 {format:"jpeg"},
179 {isBaseLayer:true,visibility:false} 180 {isBaseLayer:true,visibility:false}
180 ); 181 );
181 - var wsm = new OpenLayers.Layer.ArcGIS93Rest( 182 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
182 "ESRI World Street Map", 183 "ESRI World Street Map",
183 "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", 184 "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
184 {format:"jpeg"}, 185 {format:"jpeg"},
185 {isBaseLayer:true,visibility:false} 186 {isBaseLayer:true,visibility:false}
186 ); 187 );
187 - var bra = new OpenLayers.Layer.WMS( 188 + var bra = new OpenLayers.Layer.WMS(
188 "Base carto MMA", 189 "Base carto MMA",
189 "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", 190 "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
190 {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false}, 191 {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
exemplos/index.html
  Diff comments   View file @f76fff6
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 -<html><head><title>i3Geo</title>  
3 -  
4 -<link rel="stylesheet" type="text/css" href="../admin/html/admin.css"> 2 +<html>
  3 +<head>
  4 +<title>i3Geo</title>
  5 +
  6 +<link rel="stylesheet" type="text/css" href="../admin/html/admin.css">
5 <style> 7 <style>
6 -body,td  
7 -{  
8 -text-align:left;  
9 -border: 0px solid #FFFFFF;  
10 -font-family: Verdana, Arial, Helvetica, sans-serif;  
11 -position:relative;  
12 -font-size:10pt;  
13 -padding-bottom:10px; 8 +body,td {
  9 + text-align: left;
  10 + border: 0px solid #FFFFFF;
  11 + font-family: Verdana, Arial, Helvetica, sans-serif;
  12 + position: relative;
  13 + font-size: 10pt;
  14 + padding-bottom: 10px;
14 } 15 }
15 -</style></head>  
16 -<body class="yui-skin-sam fundoPonto">  
17 -<center>  
18 -<div class="bordaSuperior">&nbsp;</div>  
19 -<div class="mascaraPrincipal" id="divGeral" style="width: 700px; "> <img src="../imagens/i3geo1.jpg"><br>  
20 -<h1>Exemplos de configura&ccedil;&atilde;o da interface do i3geo</h1>  
21 -<h2>Mashups</h2>  
22 -<a href="mashupol1.htm" target="_blank">Openlayers  
23 -em um iframe</a>  
24 -<h2>Interface OpenLayers</h2>  
25 -<p>A  
26 -interface OpenLayers passou a ser o padr&atilde;o do i3Geo com a vers&atilde;o 4.4. O  
27 -Modo TILE permite que o mapa seja constru&iacute;do em pequenas partes (TILES)  
28 -apresentando uma navegabilidade cont&iacute;nua quando se desloca o mapa  
29 -(pan). No modo normal, &eacute; desenhada apenas uma imagem para cada camada  
30 -do mapa. Esse &uacute;ltimo modo pode apresentar uma performance melhor em  
31 -sistemas baseados no Windows (MS4W). O uso de "TILES" ou n&atilde;o &eacute;  
32 -controlado pela vari&aacute;vel <i>i3GEO.Interface.openlayers.TILES =  
33 -false|true</i> </p>  
34 -<p><a href="openlayers1.htm" target="_blank">i3GEO.Interface.openlayers.TILES  
35 -= false</a></p>  
36 -<p><a href="openlayers2.htm" target="_blank">i3GEO.Interface.openlayers.TILES  
37 -= true</a></p>  
38 -<p>A interface OpenLayers cria um objeto chamado <i>i3geoOL</i>  
39 -com base na API do OpenLayers. Esse objeto pode receber os m&eacute;todos  
40 -dessa API, permitindo modificar o mapa. Alguns par&acirc;metros s&atilde;o  
41 -controlados por vari&aacute;veis espec&iacute;ficas do i3Geo.</p>  
42 -<p><a href="openlayers3.htm" target="_blank">Modo  
43 -TILE com uma &aacute;rea de entorno maior</a> <i>i3GEO.Interface.openlayers.BUFFER  
44 -= 1;</i></p>  
45 -<p><a href="openlayers4.htm" target="_blank">Ativa&ccedil;&atilde;o  
46 -de um layer de fundo</a></p>  
47 -<p><a href="openlayers5.htm" target="_blank">Modifica  
48 -a extens&atilde;o geogr&aacute;fica m&aacute;xima de apresenta&ccedil;&atilde;o</a> <i>i3GEO.Interface.openlayers.MAXEXTENT  
49 -= [-63.712484, -20.765721, -42.385294, -9.136698];</i></p>  
50 -<p><b>Menu</b></p>  
51 -<p><a href="menus1.htm" target="_blank">Modifica  
52 -o menu suspenso</a></p>  
53 -<p><b>Guias e janelas </b></p>  
54 -<p><span style="font-weight: bold;"></span><a href="guias3.htm" target="_blank">Modifica&ccedil;&atilde;o na guia  
55 -que mostra o cat&aacute;logo de dados. Uso de combo ao inv&eacute;s de &aacute;rvore</a></p>  
56 -<p><a href="guias2.htm" target="_blank">Guias  
57 -do tipo sanfona</a></p>  
58 -<p><a href="fotos1.htm" target="_blank">Guias  
59 -do tipo sanfona com fotos</a></p>  
60 -<p><a href="guias1.htm" target="_blank">Retorna  
61 -à guia padr&atilde;o após adicionar um tema</a></p>  
62 -<p><b>Barras de bot&otilde;es do tipo janela flutuante</b> </p>  
63 -<p><a href="botoes6.htm" target="_blank">Apenas alguns &iacute;cones s&atilde;o mostrados e com uma fun&ccedil;&atilde;o alterada (bin&oacute;culo)</a></p>  
64 -<p><a href="botoes1.htm" target="_blank">Barra  
65 -apenas com os &iacute;cones</a></p>  
66 -<p><a href="botoeshtm.htm" target="_blank">Barra  
67 -com bot&otilde;es criados via HTML</a></p>  
68 -<p><a href="botoes5.htm" target="_blank">Como  
69 -inserir bot&otilde;es na barra de bot&otilde;es</a></p>  
70 -<p><a href="botoes2.htm" target="_blank">Constru&ccedil;&atilde;o  
71 -das barras de bot&otilde;es via javascript, sem necessidade de definir  
72 -elementos no HTML</a></p>  
73 -<p><a href="botoes3.htm" target="_blank">Constru&ccedil;&atilde;o  
74 -das barras de bot&otilde;es via javascript, com escolha dos bot&otilde;es que ir&atilde;o  
75 -ser inclu&iacute;dos</a></p>  
76 -<p><a href="botoes4.htm" target="_blank">Constru&ccedil;&atilde;o  
77 -das barras de bot&otilde;es via javascript, com escolha dos bot&otilde;es que ir&atilde;o  
78 -ser inclu&iacute;dos e estilo diferente</a></p>  
79 -<p><b>Legenda</b></p>  
80 -<p><a href="legenda1.htm" target="_blank">Legenda  
81 -com grupos</a></p>  
82 -<p><b>Customiza&ccedil;&atilde;o de ferramentas existentes</b></p>  
83 -<p><a href="fotos.htm" target="_blank">Mapa  
84 -com a ferramenta "carousel" posicionada in&iacute;cio do mapa</a></p>  
85 -<p><a href="fotos.htm" target="_blank">Lista  
86 -de fotos em uma guia</a></p>  
87 -<p><a href="aplic1.htm" target="_blank">Busca  
88 -r&aacute;pida</a></p>  
89 -<p><a href="aplic2.htm" target="_blank">Adiciona  
90 -uma camada extra via javascript</a></p><p><a href="camadas5.htm" target="_blank">Vincula temas na &aacute;rvore de camadas para ligar/desligar em bloco</a></p><b>Inclus&atilde;o de um mapa dentro de uma p&aacute;gina usando DIV</b>  
91 -<p><a href="mashup1.htm" target="_blank">Exemplo  
92 -1 </a>- Bot&otilde;es com destaque laranja, em dois grupos na parte  
93 -superior e mapa com zoom</p>  
94 -<p><a href="mashup2.htm" target="_blank">Exemplo  
95 -2 </a>- Bot&otilde;es com destaque laranja, em um &uacute;nico grupo na parte  
96 -superior e mapa sem zoom</p>  
97 -<p><a href="mashup3.htm" target="_blank">Exemplo  
98 -3 </a>- Sem as guias, com os bot&otilde;es na parte superior e a  
99 -legenda em um outro local da p&aacute;gina</p>  
100 -<p><a href="mashup4.htm" target="_blank">Exemplo  
101 -4 </a>- Sem as guias, com os bot&otilde;es na parte superior e a  
102 -legenda em uma janela flutuante</p>  
103 -<p><a href="mashup5.htm" target="_blank">Exemplo  
104 -5 </a>- Sem as guias e apenas com os bot&otilde;es de nave&ccedil;&atilde;o em uma  
105 -janela flutuante</p>  
106 -<p><a href="mashup6.htm" target="_blank">Exemplo  
107 -6 </a>- Mapa posicionado no canto superior esquerdo, sem as  
108 -guias e apenas com os bot&otilde;es de nave&ccedil;&atilde;o em uma janela flutuante</p>  
109 -<p><b>Inclus&atilde;o de um mapa dentro de uma p&aacute;gina em um IFRAME</b></p>  
110 -<p><a href="iframe1.htm" target="_blank">Exemplo  
111 -1</a> - Sem controle de tamanho</p>  
112 -<p><a href="iframe2.htm" target="_blank">Exemplo  
113 -2</a> - Com tamanho controlado<br></p><h2>Interface Google Maps</h2>  
114 -<p><a href="googlemapssanfona.phtml" target="_blank">Guias  
115 -do tipo sanfona</a></p>  
116 -<h2>Configura&ccedil;&atilde;o de janelas, &aacute;rvores de camadas e adi&ccedil;&atilde;o de temas</h2>  
117 -<p><a href="janelas.htm" target="_blank">Op&ccedil;&otilde;es  
118 -de cria&ccedil;&atilde;o de janelas flutuantes</a></p>  
119 -<p><a href="arvoredetemas.htm" target="_blank">Construtor  
120 -de op&ccedil;&otilde;es da &aacute;rvore de adi&ccedil;&atilde;o de temas</a></p>  
121 -<p><a href="arvoredecamadas.htm" target="_blank">Construtor  
122 -de op&ccedil;&otilde;es da &aacute;rvore de camadas</a></p>  
123 -<p><a href="combos.htm" target="_blank">Cria&ccedil;&atilde;o  
124 -de combos baseados na &aacute;rvore de camadas e lista de colunas de um tema</a></p>  
125 -<p><a href="camadas1.htm" target="_blank">&Aacute;rvore  
126 -expandida</a></p>  
127 -<p><a href="camadas2.htm" target="_blank">Legenda  
128 -expandida</a></p>  
129 -<p><a href="camadas3.htm" target="_blank">&Aacute;rvore  
130 -simplificada</a></p>  
131 -<p><a href="camadas4.htm" target="_blank">Op&ccedil;&atilde;o  
132 -"mais temas" na guia de camadas</a></p>  
133 -<p><a href="legenda2.htm" target="_blank">&Aacute;rvore  
134 -com grupos</a></p>  
135 -<h2>C&aacute;lculos</h2>  
136 -<p><a href="calculo1.htm" target="_blank">Dist&acirc;ncias</a></p>  
137 -<h2>Login</h2>  
138 -<p><a href="login.htm" target="_blank">Login simples</a> Abre uma janela de di&aacute;logo para que o usu&aacute;rio fa&ccedil;a login. Nesse exemplo n&atilde;o &eacute; considerado se o login j&aacute; foi feito antes ou n&atilde;o. Essa t&eacute;cnica n&atilde;o oferece muita seguran&ccedil;a pois o c&oacute;digo javascript fica exposto e um usu&aacute;rio mais experiente pode burlar o login.</p>  
139 -<p><a href="login1.htm" target="_blank">Login simples com verifica&ccedil;&atilde;o</a> Abre uma janela de di&aacute;logo para que o usu&aacute;rio fa&ccedil;a login. Ao contr&aacute;rio do anterior nesse exemplo &eacute; considerado se o login j&aacute; foi feito antes ou n&atilde;o. Essa t&eacute;cnica n&atilde;o oferece muita seguran&ccedil;a pois o c&oacute;digo javascript fica exposto e um usu&aacute;rio mais experiente pode burlar o login.</p>  
140 -<p><a href="login2.htm" target="_blank">Login com p&aacute;gina de verifica&ccedil;&atilde;o anterior</a> Abre uma janela de di&aacute;logo para que o usu&aacute;rio fa&ccedil;a login. O c&oacute;digo javascript s&oacute; fica exposto ap&oacute;s o login.</p>  
141 -<p><a href="login3.php" target="_blank">Exig&ecirc;ncia de login </a>A p&aacute;gina s&oacute; &eacute; aberta se o usu&aacute;rio estiver logado.</p>  
142 -<p><a href="login4.htm" target="_blank">Exige login e verifica acesso &agrave; p&aacute;gina </a>O mapa s&oacute; &eacute; aberto se o usu&aacute;rio estiver cadastrado em um dos pap&eacute;is que pode acessar essa opera&ccedil;&atilde;o.</p>  
143 -</div>  
144 -<script>  
145 -/*  
146 -Title: Exemplos de configura&ccedil;&atilde;o  
147 -Exemplos que mostram como o i3Geo pode ser customizado ou utilizado com diferentes interfaces.  
148 -Link:  
149 -http://localhost/i3geo/exemplos  
150 -Arquivo:  
151 -exemplos/index.htm  
152 -Licenca:  
153 -GPL2  
154 -I3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet  
155 -Direitos Autorais Reservados (c) 2006 Minist&eacute;rio do Meio Ambiente Brasil  
156 -Desenvolvedor: Edmar Moretti edmar.moretti@mma.gov.br  
157 -Este programa &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo  
158 -e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a P&uacute;blica Geral  
159 -GNU conforme publicada pela Free Software Foundation;  
160 -Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til,  
161 -por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a garantia impl&iacute;cita  
162 -de COMERCIABILIDADE OU ADEQUA&Ccedil;&Atilde;O A UMA FINALIDADE ESPEC&Iacute;FICA.  
163 -Consulte a Licen&ccedil;a P&uacute;blica Geral do GNU para mais detalhes.  
164 -Voc&ecirc; deve ter recebido uma cópia da Licen&ccedil;a P&uacute;blica Geral do  
165 -GNU junto com este programa; se n&atilde;o, escreva para a  
166 -Free Software Foundation, Inc., no endere&ccedil;o  
167 -59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.  
168 -*/  
169 -</script></center>  
170 -</body></html>  
171 \ No newline at end of file 16 \ No newline at end of file
  17 +</style>
  18 +<script>
  19 +/*
  20 +@TODO sempre verificar os exemplos
  21 +*/
  22 +</script>
  23 +</head>
  24 +<body class="yui-skin-sam fundoPonto">
  25 + <center>
  26 + <div class="bordaSuperior">&nbsp;</div>
  27 + <div class="mascaraPrincipal" id="divGeral" style="width: 700px;">
  28 + <img src="../imagens/i3geo1.jpg"><br>
  29 + <h1>Exemplos de configura&ccedil;&atilde;o da interface do i3geo</h1>
  30 + <h2>Mashups</h2>
  31 + <a href="mashupol1.htm" target="_blank">Openlayers em um iframe</a>
  32 + <h2>Interface OpenLayers</h2>
  33 + <p>
  34 + A interface OpenLayers passou a ser o padr&atilde;o do i3Geo com a
  35 + vers&atilde;o 4.4. O Modo TILE permite que o mapa seja
  36 + constru&iacute;do em pequenas partes (TILES) apresentando uma
  37 + navegabilidade cont&iacute;nua quando se desloca o mapa (pan). No
  38 + modo normal, &eacute; desenhada apenas uma imagem para cada camada
  39 + do mapa. Esse &uacute;ltimo modo pode apresentar uma performance
  40 + melhor em sistemas baseados no Windows (MS4W). O uso de "TILES" ou
  41 + n&atilde;o &eacute; controlado pela vari&aacute;vel <i>i3GEO.Interface.openlayers.TILES
  42 + = false|true</i>
  43 + </p>
  44 + <p>
  45 + <a href="openlayers1.htm" target="_blank">i3GEO.Interface.openlayers.TILES
  46 + = false</a>
  47 + </p>
  48 + <p>
  49 + <a href="openlayers2.htm" target="_blank">i3GEO.Interface.openlayers.TILES
  50 + = true</a>
  51 + </p>
  52 + <p>
  53 + A interface OpenLayers cria um objeto chamado <i>i3geoOL</i> com
  54 + base na API do OpenLayers. Esse objeto pode receber os
  55 + m&eacute;todos dessa API, permitindo modificar o mapa. Alguns
  56 + par&acirc;metros s&atilde;o controlados por vari&aacute;veis
  57 + espec&iacute;ficas do i3Geo.
  58 + </p>
  59 + <p>
  60 + <a href="openlayers3.htm" target="_blank">Modo TILE com uma
  61 + &aacute;rea de entorno maior</a> <i>i3GEO.Interface.openlayers.BUFFER
  62 + = 1;</i>
  63 + </p>
  64 + <p>
  65 + <a href="openlayers4.htm" target="_blank">Ativa&ccedil;&atilde;o
  66 + de um layer de fundo</a>
  67 + </p>
  68 + <p>
  69 + <a href="openlayers5.htm" target="_blank">Modifica a
  70 + extens&atilde;o geogr&aacute;fica m&aacute;xima de
  71 + apresenta&ccedil;&atilde;o</a> <i>i3GEO.Interface.openlayers.MAXEXTENT
  72 + = [-63.712484, -20.765721, -42.385294, -9.136698];</i>
  73 + </p>
  74 + <p>
  75 + <b>Menu</b>
  76 + </p>
  77 + <p>
  78 + <a href="menus1.htm" target="_blank">Modifica o menu suspenso</a>
  79 + </p>
  80 + <p>
  81 + <b>Guias e janelas </b>
  82 + </p>
  83 + <p>
  84 + <span style="font-weight: bold;"></span><a href="guias3.htm"
  85 + target="_blank">Modifica&ccedil;&atilde;o na guia que mostra o
  86 + cat&aacute;logo de dados. Uso de combo ao inv&eacute;s de
  87 + &aacute;rvore</a>
  88 + </p>
  89 + <p>
  90 + <a href="guias2.htm" target="_blank">Guias do tipo sanfona</a>
  91 + </p>
  92 + <p>
  93 + <a href="fotos1.htm" target="_blank">Guias do tipo sanfona com
  94 + fotos</a>
  95 + </p>
  96 + <p>
  97 + <a href="guias1.htm" target="_blank">Retorna à guia
  98 + padr&atilde;o após adicionar um tema</a>
  99 + </p>
  100 + <p>
  101 + <b>Barras de bot&otilde;es do tipo janela flutuante</b>
  102 + </p>
  103 + <p>
  104 + <a href="botoes6.htm" target="_blank">Apenas alguns
  105 + &iacute;cones s&atilde;o mostrados e com uma fun&ccedil;&atilde;o
  106 + alterada (bin&oacute;culo)</a>
  107 + </p>
  108 + <p>
  109 + <a href="botoes1.htm" target="_blank">Barra apenas com os
  110 + &iacute;cones</a>
  111 + </p>
  112 + <p>
  113 + <a href="botoeshtm.htm" target="_blank">Barra com bot&otilde;es
  114 + criados via HTML</a>
  115 + </p>
  116 + <p>
  117 + <a href="botoes5.htm" target="_blank">Como inserir bot&otilde;es
  118 + na barra de bot&otilde;es</a>
  119 + </p>
  120 + <p>
  121 + <a href="botoes2.htm" target="_blank">Constru&ccedil;&atilde;o
  122 + das barras de bot&otilde;es via javascript, sem necessidade de
  123 + definir elementos no HTML</a>
  124 + </p>
  125 + <p>
  126 + <a href="botoes3.htm" target="_blank">Constru&ccedil;&atilde;o
  127 + das barras de bot&otilde;es via javascript, com escolha dos
  128 + bot&otilde;es que ir&atilde;o ser inclu&iacute;dos</a>
  129 + </p>
  130 + <p>
  131 + <a href="botoes4.htm" target="_blank">Constru&ccedil;&atilde;o
  132 + das barras de bot&otilde;es via javascript, com escolha dos
  133 + bot&otilde;es que ir&atilde;o ser inclu&iacute;dos e estilo
  134 + diferente</a>
  135 + </p>
  136 + <p>
  137 + <b>Legenda</b>
  138 + </p>
  139 + <p>
  140 + <a href="legenda1.htm" target="_blank">Legenda com grupos</a>
  141 + </p>
  142 + <p>
  143 + <b>Customiza&ccedil;&atilde;o de ferramentas existentes</b>
  144 + </p>
  145 + <p>
  146 + <a href="fotos.htm" target="_blank">Mapa com a ferramenta
  147 + "carousel" posicionada in&iacute;cio do mapa</a>
  148 + </p>
  149 + <p>
  150 + <a href="fotos.htm" target="_blank">Lista de fotos em uma guia</a>
  151 + </p>
  152 + <p>
  153 + <a href="aplic1.htm" target="_blank">Busca r&aacute;pida</a>
  154 + </p>
  155 + <p>
  156 + <a href="aplic2.htm" target="_blank">Adiciona uma camada extra
  157 + via javascript</a>
  158 + </p>
  159 + <p>
  160 + <a href="camadas5.htm" target="_blank">Vincula temas na
  161 + &aacute;rvore de camadas para ligar/desligar em bloco</a>
  162 + </p>
  163 + <b>Inclus&atilde;o de um mapa dentro de uma p&aacute;gina usando
  164 + DIV</b>
  165 + <p>
  166 + <a href="mashup1.htm" target="_blank">Exemplo 1 </a>- Bot&otilde;es
  167 + com destaque laranja, em dois grupos na parte superior e mapa com
  168 + zoom
  169 + </p>
  170 + <p>
  171 + <a href="mashup2.htm" target="_blank">Exemplo 2 </a>- Bot&otilde;es
  172 + com destaque laranja, em um &uacute;nico grupo na parte superior e
  173 + mapa sem zoom
  174 + </p>
  175 + <p>
  176 + <a href="mashup3.htm" target="_blank">Exemplo 3 </a>- Sem as guias,
  177 + com os bot&otilde;es na parte superior e a legenda em um outro local
  178 + da p&aacute;gina
  179 + </p>
  180 + <p>
  181 + <a href="mashup4.htm" target="_blank">Exemplo 4 </a>- Sem as guias,
  182 + com os bot&otilde;es na parte superior e a legenda em uma janela
  183 + flutuante
  184 + </p>
  185 + <p>
  186 + <a href="mashup5.htm" target="_blank">Exemplo 5 </a>- Sem as guias e
  187 + apenas com os bot&otilde;es de nave&ccedil;&atilde;o em uma janela
  188 + flutuante
  189 + </p>
  190 + <p>
  191 + <a href="mashup6.htm" target="_blank">Exemplo 6 </a>- Mapa
  192 + posicionado no canto superior esquerdo, sem as guias e apenas com os
  193 + bot&otilde;es de nave&ccedil;&atilde;o em uma janela flutuante
  194 + </p>
  195 + <p>
  196 + <b>Inclus&atilde;o de um mapa dentro de uma p&aacute;gina em um
  197 + IFRAME</b>
  198 + </p>
  199 + <p>
  200 + <a href="iframe1.htm" target="_blank">Exemplo 1</a> - Sem controle
  201 + de tamanho
  202 + </p>
  203 + <p>
  204 + <a href="iframe2.htm" target="_blank">Exemplo 2</a> - Com tamanho
  205 + controlado<br>
  206 + </p>
  207 + <h2>Interface Google Maps</h2>
  208 + <p>
  209 + <a href="googlemapssanfona.phtml" target="_blank">Guias do tipo
  210 + sanfona</a>
  211 + </p>
  212 + <h2>Configura&ccedil;&atilde;o de janelas, &aacute;rvores de
  213 + camadas e adi&ccedil;&atilde;o de temas</h2>
  214 + <p>
  215 + <a href="janelas.htm" target="_blank">Op&ccedil;&otilde;es de
  216 + cria&ccedil;&atilde;o de janelas flutuantes</a>
  217 + </p>
  218 + <p>
  219 + <a href="arvoredetemas.htm" target="_blank">Construtor de
  220 + op&ccedil;&otilde;es da &aacute;rvore de adi&ccedil;&atilde;o de
  221 + temas</a>
  222 + </p>
  223 + <p>
  224 + <a href="arvoredecamadas.htm" target="_blank">Construtor de
  225 + op&ccedil;&otilde;es da &aacute;rvore de camadas</a>
  226 + </p>
  227 + <p>
  228 + <a href="combos.htm" target="_blank">Cria&ccedil;&atilde;o de
  229 + combos baseados na &aacute;rvore de camadas e lista de colunas de
  230 + um tema</a>
  231 + </p>
  232 + <p>
  233 + <a href="camadas1.htm" target="_blank">&Aacute;rvore expandida</a>
  234 + </p>
  235 + <p>
  236 + <a href="camadas2.htm" target="_blank">Legenda expandida</a>
  237 + </p>
  238 + <p>
  239 + <a href="camadas3.htm" target="_blank">&Aacute;rvore
  240 + simplificada</a>
  241 + </p>
  242 + <p>
  243 + <a href="camadas4.htm" target="_blank">Op&ccedil;&atilde;o "mais
  244 + temas" na guia de camadas</a>
  245 + </p>
  246 + <p>
  247 + <a href="legenda2.htm" target="_blank">&Aacute;rvore com grupos</a>
  248 + </p>
  249 + <h2>C&aacute;lculos</h2>
  250 + <p>
  251 + <a href="calculo1.htm" target="_blank">Dist&acirc;ncias</a>
  252 + </p>
  253 + <h2>Login</h2>
  254 + <p>
  255 + <a href="login.htm" target="_blank">Login simples</a> Abre uma
  256 + janela de di&aacute;logo para que o usu&aacute;rio fa&ccedil;a
  257 + login. Nesse exemplo n&atilde;o &eacute; considerado se o login
  258 + j&aacute; foi feito antes ou n&atilde;o. Essa t&eacute;cnica
  259 + n&atilde;o oferece muita seguran&ccedil;a pois o c&oacute;digo
  260 + javascript fica exposto e um usu&aacute;rio mais experiente pode
  261 + burlar o login.
  262 + </p>
  263 + <p>
  264 + <a href="login1.htm" target="_blank">Login simples com
  265 + verifica&ccedil;&atilde;o</a> Abre uma janela de di&aacute;logo para
  266 + que o usu&aacute;rio fa&ccedil;a login. Ao contr&aacute;rio do
  267 + anterior nesse exemplo &eacute; considerado se o login j&aacute; foi
  268 + feito antes ou n&atilde;o. Essa t&eacute;cnica n&atilde;o oferece
  269 + muita seguran&ccedil;a pois o c&oacute;digo javascript fica exposto
  270 + e um usu&aacute;rio mais experiente pode burlar o login.
  271 + </p>
  272 + <p>
  273 + <a href="login2.htm" target="_blank">Login com p&aacute;gina de
  274 + verifica&ccedil;&atilde;o anterior</a> Abre uma janela de
  275 + di&aacute;logo para que o usu&aacute;rio fa&ccedil;a login. O
  276 + c&oacute;digo javascript s&oacute; fica exposto ap&oacute;s o login.
  277 + </p>
  278 + <p>
  279 + <a href="login3.php" target="_blank">Exig&ecirc;ncia de login </a>A
  280 + p&aacute;gina s&oacute; &eacute; aberta se o usu&aacute;rio estiver
  281 + logado.
  282 + </p>
  283 + <p>
  284 + <a href="login4.htm" target="_blank">Exige login e verifica
  285 + acesso &agrave; p&aacute;gina </a>O mapa s&oacute; &eacute; aberto se o
  286 + usu&aacute;rio estiver cadastrado em um dos pap&eacute;is que pode
  287 + acessar essa opera&ccedil;&atilde;o.
  288 + </p>
  289 + </div>
  290 + </center>
  291 +</body>
  292 +</html>
172 \ No newline at end of file 293 \ No newline at end of file
exemplos/legenda2.htm
  Diff comments   View file @f76fff6
1 -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.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" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> 5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6 -<title>i3Geo - Mapa interativo</title>  
7 -<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>  
8 - <style>  
9 - .yui-log .i3geo {background-color:yellow;} /* customize a color */  
10 - .yui-log .redesenho {background-color:yellow;} /* customize a color */  
11 - .yui-log .janela {background-color:yellow;} /* customize a color */  
12 - .yui-log-bd {text-align:left;}  
13 - .yui-log-entry yui-log-verbose, p{text-align:left;}  
14 - .info {text-align:left;}  
15 - </style>  
16 -</head>  
17 -<body id="i3geo">  
18 6
19 -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>  
20 -<tr style="border:0px">  
21 - <td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>  
22 -</tr>  
23 -<tr>  
24 -<td>  
25 - <table width=100% cellspacing=0 cellpadding=0 >  
26 - <tr>  
27 - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>  
28 - <td>  
29 - <div class=verdeescuro style="top:0px;cursor:pointer;">  
30 - <div id=guia1 class=guia >Temas</div>  
31 - <div id=guia2 class=guia >Adiciona</div>  
32 - <div id=guia4 class=guia >Legenda</div>  
33 - <div id=guia5 class=guia >Links</div>  
34 - </div>  
35 - </td>  
36 - </tr>  
37 - </table>  
38 -</td>  
39 -<td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">  
40 - <div id="menus" ></div>  
41 -</td>  
42 -</tr>  
43 -<tr>  
44 - <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">  
45 - <div id='guia1obj' >  
46 - <div style='left:5px;top:10px;' id=buscaRapida ></div>  
47 - <div id=listaPropriedades style='top:15px;' ></div>  
48 - <div id=listaTemas style='top:15px;'></div>  
49 - </div>  
50 - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>  
51 - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>  
52 - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>  
53 - </td>  
54 - <td style="vertical-align:top;border-width:0px;">  
55 - <table width="100%" style="vertical-align:top;border-width:0px">  
56 - <tr><td class=verdeclaro id=contemImg >  
57 - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>  
58 - </td></tr>  
59 - </table>  
60 - </td>  
61 - </tr>  
62 -<tr>  
63 - <td class=tdbranca >  
64 - <div id=visual ></div>  
65 - <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>  
66 - </td>  
67 - <td class=tdbranca >  
68 - <table width=100% ><tr>  
69 - <td class=tdbranca ></td>  
70 - <td class=tdbranca style=text-align:center >  
71 - <div id=localizarxy >  
72 - Aguarde...  
73 - </div>  
74 - </td>  
75 - <td class=tdbranca ><div id=escala ></div></td>  
76 - <td class=tdbranca ><div id=ondeestou ></div></td>  
77 - </tr>  
78 - <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:10px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>  
79 - </table>  
80 - </td>  
81 -</tr>  
82 -<tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>  
83 -<tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>  
84 -<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr> 7 +<title>i3GEO - OpenLayers</title>
  8 +<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
85 9
  10 +</head>
  11 +<body id="i3geo" style="background-color:white">
  12 +<!-- inclui o nome do usuario logado -->
  13 +<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
  14 +<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
  15 + <tr style="border:0px">
  16 + <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
  17 + </tr>
  18 + <tr>
  19 + <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
  20 + <!--menu suspenso-->
  21 + <div id="menus" ></div>
  22 + </td>
  23 + </tr>
  24 + <tr>
  25 + <td style="vertical-align:top;border-width:0px;">
  26 + <table width="100%" style="vertical-align:top;border-width:0px">
  27 + <tr>
  28 + <td class=verdeclaro id=contemImg >
  29 + <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
  30 + </td>
  31 + </tr>
  32 + </table>
  33 + </td>
  34 + </tr>
  35 + <tr>
  36 + <td>
  37 + <table width=100% >
  38 + <tr>
  39 + <td class=tdbranca >
  40 + <!--
  41 + Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
  42 + <div id=visual ></div>
  43 + -->
  44 + <!-- bot&atilde;o de compartilhamento em redes sociais -->
  45 + <div id=i3GEOcompartilhar style="width:170px;margin:auto;text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
  46 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  47 + <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
  48 + </td>
  49 + <td class=tdbranca >
  50 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  51 + <div id=escala style="text-align:right;" ></div>
  52 + </td>
  53 + <td class=tdbranca >
  54 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  55 + <div id=localizarxy style="margin:auto;text-align:left;font-size:10px;display:inline-table"></div>
  56 + </td>
  57 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  58 + <td class=tdbranca >
  59 + <div id=seletorIdiomas ></div>
  60 + </td>
  61 + </tr>
  62 + </table>
  63 + </td>
  64 + </tr>
  65 + <tr style="border:0px">
  66 + <td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td>
  67 + </tr>
  68 +</table>
  69 +<table id="i3GEOlogoMarca" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
  70 + <tr>
  71 + <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
  72 + </tr>
  73 + <tr>
  74 + <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
  75 + </tr>
  76 + <tr>
  77 + <td>
  78 + <!--
  79 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  80 + -->
  81 + </td>
  82 + </tr>
86 </table> 83 </table>
87 -</center>  
88 -<div id=barraDeBotoes1 style='display:none'>  
89 - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>  
90 - <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>  
91 - <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>  
92 - <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>  
93 - <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table>  
94 - <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table>  
95 - <table title="area" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table>  
96 -</div>  
97 -<div id=barraDeBotoes2 style='display:none'>  
98 - <table style="width:100%"><caption style="text-align:center">&nbsp;</caption>  
99 - <tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>  
100 - </table>  
101 - <div style='display:inline;background-color:rgb(250,250,250);'>  
102 - <p style='font-size:6px;'>&nbsp;</p>  
103 - <img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>  
104 - </div>  
105 -  
106 - <div style='display:inline;background-color:rgb(250,250,250);'>  
107 - <p style='font-size:6px;'>&nbsp;</p>  
108 - <img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>  
109 - </div>  
110 -  
111 - <div style='display:inline;background-color:rgb(250,250,250);'>  
112 - <p style='font-size:6px;'>&nbsp;</p>  
113 - <img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>  
114 - </div>  
115 84
116 - <div style='display:inline;background-color:rgb(250,250,250);'>  
117 - <p style='font-size:6px;'>&nbsp;</p>  
118 - <img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>  
119 - </div>  
120 - <div style='display:inline;background-color:rgb(250,250,250);'>  
121 - <p style='font-size:6px;'>&nbsp;</p>  
122 - <img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>  
123 - </div>  
124 - <div style='display:inline;background-color:rgb(250,250,250);'>  
125 - <p style='font-size:6px;'>&nbsp;</p>  
126 - <img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>  
127 - </div>  
128 - <div style='display:inline;background-color:rgb(250,250,250);'>  
129 - <p style='font-size:6px;'>&nbsp;</p>  
130 - <img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>  
131 - </div>  
132 - <div style='display:inline;background-color:rgb(250,250,250);'>  
133 - <p style='font-size:6px;'>&nbsp;</p>  
134 - <img title="google" alt="" src="../imagens/branco.gif" id='google'/>  
135 - </div>  
136 - <div style='display:inline;background-color:rgb(250,250,250);'>  
137 - <p style='font-size:6px;'>&nbsp;</p>  
138 - <img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>  
139 - </div>  
140 - <div style='display:none;background-color:rgb(250,250,250);'>  
141 - <p style='font-size:6px;'>&nbsp;</p>  
142 - <img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/> 85 +<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">
  86 + <img id="i3GEOguiaMovelPuxador" onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index:2;border:solid 0px white;left:0px;position:absolute;top:0px' width='0px' src='../imagens/openbars.png' >
  87 + <div id="i3GEOguiaMovelMolde" 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">
  88 + <div id="i3GEOguiaMovelIcones" 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>
  89 + <div id="i3GEOguiaMovelConteudo" style='overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'>
  90 + <div id='guia1obj' style='display:none;' >
  91 + <!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
  92 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  93 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  94 + <div id=listaPropriedades style='top:15px;' ></div>
  95 + <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
  96 + <div id=listaLayersBase style='top:15px;'></div>
  97 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  98 + <div id=listaTemas style='top:15px;'></div>
  99 + </div>
  100 + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  101 + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
  102 + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  103 + </div>
143 </div> 104 </div>
144 - <div style='display:none;background-color:rgb(250,250,250);'>  
145 - <p style='font-size:6px;'>&nbsp;</p>  
146 - <img title="scielo" alt="" src="../imagens/branco.gif" id='scielo'/>  
147 - </div>  
148 - <div style='display:none;background-color:rgb(250,250,250);'>  
149 - <p style='font-size:6px;'>&nbsp;</p>  
150 - <img title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>  
151 - </div>  
152 - <div style='display:none;background-color:rgb(250,250,250);'>  
153 - <p style='font-size:6px;'>&nbsp;</p>  
154 - <img title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>  
155 - </div>  
156 - <div style='display:none;background-color:rgb(250,250,250);'>  
157 - <p style='font-size:6px;'>&nbsp;</p>  
158 - <img title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>  
159 - </div>  
160 - <div style='display:none;background-color:rgb(250,250,250);'>  
161 - <p style='font-size:6px;'>&nbsp;</p>  
162 - <img title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>  
163 - </div>  
164 - <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>  
165 </div> 105 </div>
166 -<script type="text/javascript"> 106 +
  107 +<script src="../classesjs/i3geo47.js"></script>
  108 +<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
  109 +<style>
  110 +.olControlEditingToolbar1 div {
  111 + background-image:url(../mashups/openlayers.png);
  112 + background-repeat:no-repeat;
  113 + float:right;
  114 + right: 0px;
  115 + height:29px;
  116 + margin:2px;
  117 + width:29px;
  118 + cursor:pointer;
  119 +}
  120 +</style>
  121 +<script>
167 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; 122 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  123 +i3GEO.configura.autotamanho = false;
  124 +i3GEO.Interface.ATUAL = "openlayers";
  125 +i3GEO.Interface.IDCORPO = "contemImg";
  126 +i3GEO.Interface.openlayers.GADGETS = {
  127 + PanZoomBar:true,
  128 + PanZoom:false,
  129 + LayerSwitcher:true,
  130 + ScaleLine:true,
  131 + OverviewMap:false
  132 + };
  133 +i3GEO.Interface.openlayers.TILES = true;
  134 +i3GEO.Interface.openlayers.parametrosMap.scales = [
  135 + 105000000,50000000,21000000,10000000,5000000,1000000,500000,250000,100000,50000,25000,10000,5000,1000,100
  136 +];
  137 +
  138 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  139 +i3GEO.configura.mashuppar = "&temasa=estadosl locali";
  140 +//grupos************************************************************
168 i3GEO.configura.templateLegenda = "legendagrupos.htm"; 141 i3GEO.configura.templateLegenda = "legendagrupos.htm";
169 i3GEO.configura.grupoLayers = [ 142 i3GEO.configura.grupoLayers = [
170 - {nome:"Grupo 1",icone:true,dinamico:true,expandido:true,layers:["zee","estadosl"]}, 143 + {nome:"Grupo 1",icone:true,dinamico:true,expandido:true,layers:["locali","estadosl"]},
171 {nome:"Grupo 2",icone:true,dinamico:true,expandido:true,layers:["mundo"]} 144 {nome:"Grupo 2",icone:true,dinamico:true,expandido:true,layers:["mundo"]}
172 ]; 145 ];
  146 +//
173 147
174 i3GEO.cria(); 148 i3GEO.cria();
175 -i3GEO.inicia();  
176 - 149 +i3GEO.configura.mapaRefDisplay = "none";
  150 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  151 +i3GEO.barraDeBotoes.OFFSET = -3;
  152 +i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  153 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
  154 +i3GEO.barraDeBotoes.ATIVA = true;
  155 +i3GEO.ajuda.ATIVAJANELA = false;
  156 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  157 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  158 +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
177 159
  160 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  161 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  162 +i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  163 +i3GEO.mapa.AUTORESIZE = true;
  164 +i3GEO.guias.TIPO = "movel";
  165 +i3GEO.guias.guiaMovel.config.topGuiaMovel = 0;
  166 +OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  167 +(function(){
  168 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  169 + "ESRI Ocean Basemap",
  170 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  171 + {format:"jpeg"},
  172 + {isBaseLayer:true,visibility:false}
  173 + );
  174 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  175 + "ESRI Imagery World 2D",
  176 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  177 + {format:"jpeg"},
  178 + {isBaseLayer:true,visibility:false}
  179 + );
  180 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  181 + "ESRI World Street Map",
  182 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  183 + {format:"jpeg"},
  184 + {isBaseLayer:true,visibility:false}
  185 + );
  186 + var bra = new OpenLayers.Layer.WMS(
  187 + "Base carto MMA",
  188 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  189 + {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
  190 + {isBaseLayer:true,visibility:false}
  191 + );
  192 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
  193 +})();
  194 +i3GEO.finaliza = function(){
  195 + if($i("i3GEOlogoMarca"))
  196 + {$i("i3GEOlogoMarca").style.display = "none";}
  197 + i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png");
  198 +};
  199 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  200 +i3GEO.inicia();
178 </script> 201 </script>
179 </body> 202 </body>
180 </html> 203 </html>
181 \ No newline at end of file 204 \ No newline at end of file
exemplos/openlayers5.htm
  Diff comments   View file @f76fff6
@@ -31,7 +31,7 @@ @@ -31,7 +31,7 @@
31 </table> 31 </table>
32 </td> 32 </td>
33 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)"> 33 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
34 - <div id="menus" ></div> 34 + <div id="menus" ></div>
35 </td> 35 </td>
36 </tr> 36 </tr>
37 <tr> 37 <tr>
@@ -84,7 +84,7 @@ @@ -84,7 +84,7 @@
84 background-image:url(../mashups/openlayers.png); 84 background-image:url(../mashups/openlayers.png);
85 background-repeat:no-repeat; 85 background-repeat:no-repeat;
86 float:right; 86 float:right;
87 - right: 0px; 87 + right: 0px;
88 height:29px; 88 height:29px;
89 margin:2px; 89 margin:2px;
90 width:29px; 90 width:29px;
@@ -97,6 +97,7 @@ var g_localimg = i3GEO.util.protocolo()+&quot;://&quot;+window.location.host+&quot;/i3geo/image @@ -97,6 +97,7 @@ var g_localimg = i3GEO.util.protocolo()+&quot;://&quot;+window.location.host+&quot;/i3geo/image
97 // 97 //
98 //muda a extens&atilde;o m&aacute;xima 98 //muda a extens&atilde;o m&aacute;xima
99 // 99 //
  100 +i3GEO.configura.mashuppar = "&mapext=-63.712484 -20.765721 -42.385294 -9.136698";
100 i3GEO.Interface.openlayers.MAXEXTENT = [-63.712484, -20.765721, -42.385294, -9.136698]; 101 i3GEO.Interface.openlayers.MAXEXTENT = [-63.712484, -20.765721, -42.385294, -9.136698];
101 102
102 i3GEO.Interface.openlayers.TILES = true; 103 i3GEO.Interface.openlayers.TILES = true;
@@ -108,7 +109,7 @@ i3GEO.Interface.openlayers.GADGETS = { @@ -108,7 +109,7 @@ i3GEO.Interface.openlayers.GADGETS = {
108 PanZoom:false, 109 PanZoom:false,
109 LayerSwitcher:false, 110 LayerSwitcher:false,
110 ScaleLine:true, 111 ScaleLine:true,
111 - OverviewMap:false 112 + OverviewMap:false
112 }; 113 };
113 i3GEO.cria(); 114 i3GEO.cria();
114 i3GEO.configura.mapaRefDisplay = "none"; 115 i3GEO.configura.mapaRefDisplay = "none";
@@ -128,31 +129,26 @@ i3GEO.Interface.ATIVAMENUCONTEXTO = true @@ -128,31 +129,26 @@ i3GEO.Interface.ATIVAMENUCONTEXTO = true
128 i3GEO.arvoreDeTemas.TIPOBOTAO = "radio"; 129 i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
129 i3GEO.arvoreDeTemas.ATIVATEMAIMEDIATO = true 130 i3GEO.arvoreDeTemas.ATIVATEMAIMEDIATO = true
130 OpenLayers.ImgPath = "../pacotes/openlayers/img/" 131 OpenLayers.ImgPath = "../pacotes/openlayers/img/"
131 -var ims = new OpenLayers.Layer.ArcGIS93Rest( 132 +var ims = new OpenLayers.Layer.ArcGIS93Rest(
132 "ESRI Imagery World 2D", 133 "ESRI Imagery World 2D",
133 "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export", 134 "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
134 {}, 135 {},
135 {isBaseLayer:true,visibility:false} 136 {isBaseLayer:true,visibility:false}
136 ); 137 );
137 -var wsm = new OpenLayers.Layer.ArcGIS93Rest( 138 +var wsm = new OpenLayers.Layer.ArcGIS93Rest(
138 "ESRI World Street Map", 139 "ESRI World Street Map",
139 "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export", 140 "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
140 {}, 141 {},
141 {isBaseLayer:true,visibility:false} 142 {isBaseLayer:true,visibility:false}
142 ); 143 );
143 -var bra = new OpenLayers.Layer.WMS( 144 +var bra = new OpenLayers.Layer.WMS(
144 "Base carto MMA", 145 "Base carto MMA",
145 "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map", 146 "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
146 {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false}, 147 {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
147 {isBaseLayer:true,visibility:false} 148 {isBaseLayer:true,visibility:false}
148 ); 149 );
149 -var osm = new OpenLayers.Layer.WMS(  
150 - "Open Street Map",  
151 - "http://data1.vizure.net/server/services/request.php?jname=/wms",  
152 - {},  
153 - {isBaseLayer:true,visibility:false}  
154 -);  
155 -i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ims,wsm,bra,osm]; 150 +
  151 +i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ims,wsm,bra];
156 i3GEO.inicia(); 152 i3GEO.inicia();
157 </script> 153 </script>
158 </body> 154 </body>