Download as
Browse Code »

Commit f0f273d6c5f0b9054fe79692041e190c9820964d

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

--no commit message

Showing 6 changed files with 770 additions and 650 deletions   Show diff stats
admin/admin.db
View file @f0f273d
No preview for this file type
exemplos/aplic2.htm
  Diff comments   View file @f0f273d
1 -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">  
2 -<html>  
3 -<head>  
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">  
6 -  
7 -<title>i3GEO - OpenLayers</title>  
8 -  
9 -</head>  
10 -<body id="i3geo" style="background-color:white">  
11 -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>  
12 - <tr style="border:0px">  
13 - <td id="barraSuperior" style="background-image:url('../imagenscabeca.png');height:10px"></td>  
14 - </tr>  
15 - <tr>  
16 - <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">  
17 - <!--menu suspenso-->  
18 - <div id="menus" ></div>  
19 - </td>  
20 - </tr>  
21 - <tr>  
22 - <td style="vertical-align:top;border-width:0px;">  
23 - <table width="100%" style="vertical-align:top;border-width:0px">  
24 - <tr>  
25 - <td class=verdeclaro id=contemImg >  
26 - <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>  
27 - </td>  
28 - </tr>  
29 - </table>  
30 - </td>  
31 - </tr>  
32 - <tr>  
33 - <td>  
34 - <table width=100% >  
35 - <tr>  
36 - <td class=tdbranca >  
37 - <!--  
38 - 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  
39 - <div id=visual ></div>  
40 - -->  
41 - <!-- bot&atilde;o de compartilhamento em redes sociais -->  
42 - <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>  
43 - <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->  
44 - <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>  
45 - </td>  
46 - <td class=tdbranca >  
47 - <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->  
48 - <div id=escala style="text-align:right;" ></div>  
49 - </td>  
50 - <td class=tdbranca >  
51 - <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->  
52 - <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table"></div>  
53 - </td>  
54 - <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->  
55 - <td class=tdbranca >  
56 - <div id=seletorIdiomas ></div>  
57 - </td>  
58 - </tr>  
59 - </table>  
60 - </td>  
61 - </tr>  
62 - <tr style="border:0px">  
63 - <td id="barraInferior" style="background-image:url('../imagensrodape.png');height:10px"></td>  
64 - </tr>  
65 -</table>  
66 -<center>  
67 -<table id="i3GEOlogoMarca" style='box-shadow:0 1px 13px gray;border-radius:5px;'>  
68 - <tr>  
69 - <td><center><h1 style="font-weight:normal;font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;"><div id=versaoi3geo ></div><h2 style="font-weight:normal;font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento<h3 style="font-weight:normal;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></h2></h1></td>  
70 - </tr>  
71 - <tr>  
72 - <td style="padding:10px;"><center><img alt="" style="width:560px;height:81px" src='../imagens/logo_inicio.png' ></td>  
73 - </tr>  
74 - <tr>  
75 - <td><center>  
76 - <!--  
77 - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>  
78 - -->  
79 - </td>  
80 - </tr>  
81 -</table>  
82 -  
83 -<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">  
84 - <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' >  
85 - <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">  
86 - <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>  
87 - <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'>  
88 - <div id='guia1obj' style='display:none;' >  
89 - <!-- 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 -->  
90 - <div style='left:5px;top:10px;' id=buscaRapida ></div>  
91 - <!-- Esta div acrescenta a lista de propriedades do mapa -->  
92 - <div id=listaPropriedades style='top:15px;' ></div>  
93 - <!-- 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 -->  
94 - <div id=listaLayersBase style='top:15px;'></div>  
95 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
96 - <div id=listaTemas style='top:15px;'></div>  
97 - </div>  
98 - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>  
99 - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>  
100 - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>  
101 - </div>  
102 - </div>  
103 -</div>  
104 -  
105 -<script src="../classesjs/i3geo.js"></script>  
106 -<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>  
107 -<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->  
108 -<style>  
109 -.olControlEditingToolbar1 div {  
110 - background-image:url(../mashups/openlayers.png);  
111 - background-repeat:no-repeat;  
112 - float:right;  
113 - right: 0px;  
114 - height:29px;  
115 - margin:2px;  
116 - width:29px;  
117 - cursor:pointer;  
118 -}  
119 -</style>  
120 -<script>  
121 -//  
122 -//esta fun&ccedil;&atilde;o ser&aacute; executada quando o mapa terminar de ser criado  
123 -//e acrescentar&aacute; uma nova camada  
124 -//  
125 -function acrescentaCamadas(camadas){  
126 - i3GEO.janela.abreAguarde("novaCamada","Minha camada");  
127 - var temp = function(retorno){  
128 - i3GEO.janela.fechaAguarde("novaCamada");  
129 - if(retorno.data.erro){  
130 - alert(retorno.data.erro);  
131 - return;  
132 - }  
133 - i3GEO.atualiza();  
134 - };  
135 - i3GEO.php.adtema(temp,camadas.toString());  
136 -}  
137 -i3GEO.finaliza = function(){  
138 - if($i("i3GEOlogoMarca"))  
139 - {$i("i3GEOlogoMarca").style.display = "none";}  
140 - i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png");  
141 - acrescentaCamadas(new Array('biomashp'))  
142 -}  
143 -//  
144 -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";  
145 -i3GEO.configura.autotamanho = false;  
146 -i3GEO.Interface.ATUAL = "openlayers";  
147 -i3GEO.Interface.IDCORPO = "contemImg";  
148 -i3GEO.Interface.openlayers.GADGETS = {  
149 - PanZoomBar:true,  
150 - PanZoom:false,  
151 - LayerSwitcher:true,  
152 - ScaleLine:true,  
153 - OverviewMap:false  
154 - };  
155 -i3GEO.Interface.openlayers.TILES = true;  
156 -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'  
157 -i3GEO.cria();  
158 -i3GEO.configura.mapaRefDisplay = "none";  
159 -i3GEO.barraDeBotoes.TIPO = "olhodepeixe";  
160 -i3GEO.barraDeBotoes.OFFSET = -3;  
161 -i3GEO.configura.oMenuData["submenus"]["janelas"] = [];  
162 -i3GEO.ajuda.ATIVAJANELA = false;  
163 -i3GEO.idioma.IDSELETOR = "seletorIdiomas";  
164 -  
165 -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";  
166 -  
167 -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;  
168 -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;  
169 -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;  
170 -i3GEO.mapa.AUTORESIZE = true;  
171 -i3GEO.guias.TIPO = "movel";  
172 -i3GEO.guias.guiaMovel.config.topGuiaMovel = 0;  
173 -OpenLayers.ImgPath = "../pacotes/openlayers/img/";  
174 -(function(){  
175 - var oce = new OpenLayers.Layer.ArcGIS93Rest(  
176 - "ESRI Ocean Basemap",  
177 - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",  
178 - {format:"jpeg"},  
179 - {isBaseLayer:true,visibility:false}  
180 - );  
181 - var ims = new OpenLayers.Layer.ArcGIS93Rest(  
182 - "ESRI Imagery World 2D",  
183 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",  
184 - {format:"jpeg"},  
185 - {isBaseLayer:true,visibility:false}  
186 - );  
187 - var wsm = new OpenLayers.Layer.ArcGIS93Rest(  
188 - "ESRI World Street Map",  
189 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",  
190 - {format:"jpeg"},  
191 - {isBaseLayer:true,visibility:false}  
192 - );  
193 - var bra = new OpenLayers.Layer.WMS(  
194 - "Base carto MMA",  
195 - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",  
196 - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},  
197 - {isBaseLayer:true,visibility:false}  
198 - );  
199 - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];  
200 -})();  
201 -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;  
202 -i3GEO.inicia();  
203 -</script>  
204 -</body>  
205 -</html> 1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2 +<html>
  3 +<head>
  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">
  6 +<meta name="viewport" content="width=device-width, initial-scale=1">
  7 +<title>i3GEO - OpenLayers</title>
  8 +<script src="../classesjs/i3geo.js"></script>
  9 +<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>
  10 +<link rel="stylesheet" type="text/css" href="../css/black.css">
  11 +<style>
  12 + .olControlEditingToolbar1 div {
  13 + background-image: url(../mashups/openlayers.png);
  14 + background-repeat: no-repeat;
  15 + float: right;
  16 + right: 50px;
  17 + height: 29px;
  18 + margin: 2px;
  19 + width: 29px;
  20 + cursor: pointer;
  21 + top: 10px;
  22 + }
  23 +</style>
  24 +</head>
  25 +<body id="i3geo" style='margin-left: 7px; background: white;'>
  26 + <!-- inclui o nome do usuario logado -->
  27 + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
  28 + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
  29 + <tr>
  30 + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
  31 + <!--menu suspenso-->
  32 + <div id="menus" style="height: 30px;"></div>
  33 + </td>
  34 + </tr>
  35 + <tr>
  36 + <td style="vertical-align: top; border-width: 0px;">
  37 + <table width="100%" style="vertical-align: top; border-width: 0px">
  38 + <tr>
  39 + <td class=verdeclaro id=contemImg>
  40 + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>
  41 + </td>
  42 + </tr>
  43 + </table>
  44 + </td>
  45 + </tr>
  46 + <tr>
  47 + <td>
  48 + <table style="width: 100%; height: 28px">
  49 + <tr>
  50 + <td class=fundoRodape style="width: 25%">
  51 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  52 + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>
  53 + </td>
  54 + <td class=fundoRodape style="width: 5%"></td>
  55 + <td class=fundoRodape style="width: 40%">
  56 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  57 + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>
  58 + </td>
  59 + <td class=fundoRodape style="width: 20%">
  60 + <!-- bot&atilde;o de compartilhamento em redes sociais-->
  61 + <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> -->
  62 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  63 + <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
  64 + </td>
  65 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  66 + <td class=fundoRodape style="width: 10%;">
  67 + <div id=seletorIdiomas style="right: 15px;"></div>
  68 + </td>
  69 + </tr>
  70 + </table>
  71 + </td>
  72 + </tr>
  73 + </table>
  74 + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
  75 + <tr>
  76 + <td style="height: 30px"><div id=versaoi3geo></div>
  77 + <h2 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2>
  78 + <h3 style="font-weight: normal; 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>
  79 + </tr>
  80 + <tr>
  81 + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>
  82 + </tr>
  83 + <tr>
  84 + <td>
  85 + <!--
  86 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  87 + -->
  88 + </td>
  89 + </tr>
  90 + </table>
  91 +
  92 +<div id="i3GEOguiaMovel" style="visibility:hidden;position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">
  93 + <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;">
  94 + <div id="iconeGuia_temas" ></div>
  95 + <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div>
  96 + <div id="iconeGuia_legenda" style="margin-top:3px;"></div>
  97 + </div>
  98 + <div id="i3GEOguiaMovelMolde" style="top:0px;box-shadow:0 2px 10px 0 #888888;position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray">
  99 + <div id="i3GEOguiaMovelConteudo" style='top:10px;overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'>
  100 + <div id='guia1obj' style='display:none;' >
  101 + <!-- 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 -->
  102 + <div style='left:5px;top:10px;width:150px;' id=buscaRapida ></div>
  103 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  104 + <!--<div id=listaPropriedades style='top:15px;' ></div>-->
  105 + <!-- 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 -->
  106 + <div id=listaLayersBase style='top:15px;'></div>
  107 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  108 + <div id=listaTemas style='top:15px;'></div>
  109 + </div>
  110 + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  111 + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
  112 + <!--
  113 + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  114 + -->
  115 + </div>
  116 + </div>
  117 +</div>
  118 + <script>
  119 + i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://"
  120 + + window.location.host + "/i3geo";
  121 +
  122 + i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali";
  123 + i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp";
  124 +
  125 + i3GEO.configura.autotamanho = false;
  126 + i3GEO.Interface.ATUAL = "openlayers";
  127 + i3GEO.Interface.IDCORPO = "contemImg";
  128 + i3GEO.Interface.openlayers.TILES = true;
  129 +
  130 + i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  131 + i3GEO.cria();
  132 + i3GEO.configura.mapaRefDisplay = "none";
  133 + i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  134 + //ajusta o deslocamento da barra de botoes
  135 + i3GEO.barraDeBotoes.OFFSET = 11;
  136 + //ajusta a posicao da barra de botoes no IE
  137 + if(navm){
  138 + i3GEO.barraDeBotoes.OFFSET = 5;
  139 + }
  140 + if(chro){
  141 + i3GEO.barraDeBotoes.OFFSET = 15;
  142 + }
  143 +
  144 + i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  145 + i3GEO.ajuda.ATIVAJANELA = false;
  146 + i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  147 +
  148 + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  149 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  150 + i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  151 + i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  152 + i3GEO.mapa.AUTORESIZE = true;
  153 + i3GEO.guias.TIPO = "movel";
  154 + i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;
  155 + i3GEO.janela.ativaAlerta();
  156 + i3GEO.finaliza = function() {
  157 + if ($i("i3GEOlogoMarca")) {
  158 + $i("i3GEOlogoMarca").style.display = "none";
  159 + }
  160 + i3GEO.mapa.insereDobraPagina("googlemaps",
  161 + "../imagens/dobragooglemaps.png"
  162 + );
  163 + };
  164 + //indica se a opcao de navegacao nas pastas do servidor sera ativada
  165 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  166 + i3GEO.janela.TRANSICAOSUAVE = true;
  167 +
  168 + OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  169 + //desliga a camada com o mapa mundi
  170 + i3GEO.configura.mashuppar = "&desligar=mundo";
  171 + //se vc nao quer o fundo, mude visibility true para false
  172 + (function() {
  173 + var eng = new OpenLayers.Layer.ArcGIS93Rest(
  174 + "ESRI National Geographic",
  175 + "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export",
  176 + {
  177 + format : "jpeg"
  178 + }, {
  179 + isBaseLayer : true,
  180 + visibility : true,
  181 + attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>'
  182 + });
  183 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  184 + "ESRI Ocean Basemap",
  185 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  186 + {
  187 + format : "jpeg"
  188 + }, {
  189 + isBaseLayer : true,
  190 + visibility : false,
  191 + attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>'
  192 + });
  193 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  194 + "ESRI Imagery World 2D",
  195 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  196 + {
  197 + format : "jpeg"
  198 + }, {
  199 + isBaseLayer : true,
  200 + visibility : false,
  201 + attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>'
  202 + });
  203 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  204 + "ESRI World Street Map",
  205 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  206 + {
  207 + format : "jpeg"
  208 + }, {
  209 + isBaseLayer : true,
  210 + visibility : false,
  211 + attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>'
  212 + });
  213 + var bra = new OpenLayers.Layer.WMS(
  214 + "Base carto MMA",
  215 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  216 + {
  217 + layers : "baseraster",
  218 + srs : "EPSG:4618",
  219 + format : "image/png",
  220 + isBaseLayer : false
  221 + }, {
  222 + isBaseLayer : true,
  223 + visibility : false
  224 + });
  225 +
  226 + var tms = new OpenLayers.Layer.TMS("OSGEO",
  227 + "http://tilecache.osgeo.org/wms-c/Basic.py/", {
  228 + layername : "basic",
  229 + type : "png",
  230 + // set if different than the bottom left of map.maxExtent
  231 + tileOrigin : new OpenLayers.LonLat(-180, -90),
  232 + isBaseLayer : true,
  233 + visibility : false,
  234 + attribution : '&copy; <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>'
  235 + });
  236 +
  237 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms,
  238 + bra ];
  239 + })();
  240 +
  241 + i3GEO.inicia();
  242 + </script>
  243 +</body>
  244 +</html>
exemplos/camadas5.htm
  Diff comments   View file @f0f273d
1 -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">  
2 -<html>  
3 -<head>  
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">  
6 -  
7 -<title>i3GEO - OpenLayers</title>  
8 -  
9 -</head>  
10 -<body id="i3geo" style="background-color:white">  
11 -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>  
12 - <tr style="border:0px">  
13 - <td id="barraSuperior" style="background-image:url('../imagenscabeca.png');height:10px"></td>  
14 - </tr>  
15 - <tr>  
16 - <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">  
17 - <div id="menus" ></div>  
18 - </td>  
19 - </tr>  
20 - <tr>  
21 - <td style="vertical-align:top;border-width:0px;">  
22 - <table width="100%" style="vertical-align:top;border-width:0px">  
23 - <tr>  
24 - <td class=verdeclaro id=contemImg >  
25 - <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>  
26 - </td>  
27 - </tr>  
28 - </table>  
29 - </td>  
30 - </tr>  
31 - <tr>  
32 - <td>  
33 - <table width=100% >  
34 - <tr>  
35 - <td class=tdbranca >  
36 - <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>  
37 - <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>  
38 - </td>  
39 - <td class=tdbranca >  
40 - <div id=escala style="text-align:right;" ></div>  
41 - </td>  
42 - <td class=tdbranca >  
43 - <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table"></div>  
44 - </td>  
45 - <td class=tdbranca >  
46 - <div id=seletorIdiomas ></div>  
47 - </td>  
48 - </tr>  
49 - </table>  
50 - </td>  
51 - </tr>  
52 - <tr style="border:0px">  
53 - <td id="barraInferior" style="background-image:url('../imagensrodape.png');height:10px"></td>  
54 - </tr>  
55 -</table>  
56 -<center>  
57 -<table id="i3GEOlogoMarca" style='box-shadow:0 1px 13px gray;border-radius:5px;'>  
58 - <tr>  
59 - <td><center><h1 style="font-weight:normal;font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;"><div id=versaoi3geo ></div><h2 style="font-weight:normal;font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento<h3 style="font-weight:normal;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></h2></h1></td>  
60 - </tr>  
61 - <tr>  
62 - <td style="padding:10px;"><center><img alt="" style="width:560px;height:81px" src='../imagens/logo_inicio.png' ></td>  
63 - </tr>  
64 - <tr>  
65 - <td><center>  
66 - </td>  
67 - </tr>  
68 -</table>  
69 -  
70 -<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">  
71 - <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' >  
72 - <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">  
73 - <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>  
74 - <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'>  
75 - <div id='guia1obj' style='display:none;' >  
76 - <div style='left:5px;top:10px;' id=buscaRapida ></div>  
77 - <div id=listaPropriedades style='top:15px;' ></div>  
78 - <div id=listaLayersBase style='top:15px;'></div>  
79 - <div id=listaTemas style='top:15px;'></div>  
80 - </div>  
81 - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>  
82 - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>  
83 - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>  
84 - </div>  
85 - </div>  
86 -</div>  
87 -<script src="../classesjs/i3geo.js"></script>  
88 -<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>  
89 -<style>  
90 -.olControlEditingToolbar1 div {  
91 - background-image:url(../mashups/openlayers.png);  
92 - background-repeat:no-repeat;  
93 - float:right;  
94 - right: 0px;  
95 - height:29px;  
96 - margin:2px;  
97 - width:29px;  
98 - cursor:pointer;  
99 -}  
100 -</style>  
101 -<script>  
102 -i3GEO.configura.mashuppar = "&temasa=estadosl locali";  
103 -alert("Experimente abrir a guia movel e clique na camada Limite Estadual para desativa-la");  
104 -//  
105 -//exemplo de como manipular os checkbox da &aacute;rvore de camadas  
106 -//  
107 -//aqui &eacute; definida a fun&ccedil;&atilde;o que ser&aacute; executada após a &aacute;rvore de camadas original ter sido criada  
108 -i3GEO.arvoreDeCamadas.finaliza = "alteraArvore();";  
109 -//funcao que ir&aacute; recriar a &aacute;rvore com uma nova fun&ccedil;&atilde;o nos checkbox  
110 -function alteraArvore(){  
111 - //a vari&aacute;vel i3GEO.arvoreDeCamadas.ATIVATEMA pode ser utilizada para substituir a fun&ccedil;&atilde;o default que liga/desliga uma camada  
112 - i3GEO.arvoreDeCamadas.ATIVATEMA = "novaFuncaoLigaDesliga(this)";  
113 - //for&ccedil;a a remontagem da &aacute;rvore, agora ela ir&aacute; usar a nova fun&ccedil;&atilde;o  
114 - i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true);  
115 -}  
116 -//funcao que vai fazer alguma coisa quando o checkbox for clicado  
117 -function novaFuncaoLigaDesliga(objInput){  
118 - var codigoTema = objInput.value,  
119 - ck;  
120 - //altera a situa&ccedil;&atilde;o de outros temas  
121 - if(codigoTema == "estadosl"){  
122 - //captura o checkbox de outra camada  
123 - ck = i3GEO.arvoreDeCamadas.capturaCheckBox("locali");  
124 - //se o estado da camada desejada for igual ao da camada clicada, n&atilde;o faz nada  
125 - if(ck.checked != objInput.checked){  
126 - //coloca o checkbox no mesmo estado daquele que foi clicado  
127 - ck.checked = objInput.checked;  
128 - //altera o status da camada desejada  
129 - i3GEO.Interface.openlayers.ligaDesliga(ck);  
130 - }  
131 - }  
132 - //executa a fun&ccedil;&atilde;o normal  
133 - i3GEO.Interface.openlayers.ligaDesliga(objInput);  
134 - i3GEO.eventos.executaEventos(i3GEO.eventos.ATUALIZAARVORECAMADAS);  
135 -}  
136 -/////////////////////////////////////////////////////////////  
137 -  
138 -  
139 -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";  
140 -i3GEO.configura.autotamanho = false;  
141 -i3GEO.Interface.ATUAL = "openlayers";  
142 -i3GEO.Interface.IDCORPO = "contemImg";  
143 -i3GEO.Interface.openlayers.GADGETS = {  
144 - PanZoomBar:true,  
145 - PanZoom:false,  
146 - LayerSwitcher:true,  
147 - ScaleLine:true,  
148 - OverviewMap:false  
149 - };  
150 -i3GEO.Interface.openlayers.TILES = true;  
151 -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'  
152 -i3GEO.cria();  
153 -i3GEO.configura.mapaRefDisplay = "none";  
154 -i3GEO.barraDeBotoes.TIPO = "olhodepeixe";  
155 -i3GEO.barraDeBotoes.OFFSET = -3;  
156 -i3GEO.configura.oMenuData["submenus"]["janelas"] = [];  
157 -i3GEO.ajuda.ATIVAJANELA = false;  
158 -i3GEO.idioma.IDSELETOR = "seletorIdiomas";  
159 -  
160 -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";  
161 -  
162 -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;  
163 -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;  
164 -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;  
165 -i3GEO.mapa.AUTORESIZE = true;  
166 -i3GEO.guias.TIPO = "movel";  
167 -i3GEO.guias.guiaMovel.config.topGuiaMovel = 0;  
168 -OpenLayers.ImgPath = "../pacotes/openlayers/img/";  
169 -(function(){  
170 - var oce = new OpenLayers.Layer.ArcGIS93Rest(  
171 - "ESRI Ocean Basemap",  
172 - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",  
173 - {format:"jpeg"},  
174 - {isBaseLayer:true,visibility:false}  
175 - );  
176 - var ims = new OpenLayers.Layer.ArcGIS93Rest(  
177 - "ESRI Imagery World 2D",  
178 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",  
179 - {format:"jpeg"},  
180 - {isBaseLayer:true,visibility:false}  
181 - );  
182 - var wsm = new OpenLayers.Layer.ArcGIS93Rest(  
183 - "ESRI World Street Map",  
184 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",  
185 - {format:"jpeg"},  
186 - {isBaseLayer:true,visibility:false}  
187 - );  
188 - var bra = new OpenLayers.Layer.WMS(  
189 - "Base carto MMA",  
190 - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",  
191 - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},  
192 - {isBaseLayer:true,visibility:false}  
193 - );  
194 - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];  
195 -})();  
196 -i3GEO.finaliza = function(){  
197 - if($i("i3GEOlogoMarca"))  
198 - {$i("i3GEOlogoMarca").style.display = "none";}  
199 - i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png");  
200 -}  
201 -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;  
202 -i3GEO.inicia();  
203 -</script>  
204 -</body>  
205 -</html> 1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2 +<html>
  3 +<head>
  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">
  6 +<meta name="viewport" content="width=device-width, initial-scale=1">
  7 +<title>i3GEO - OpenLayers</title>
  8 +<script src="../classesjs/i3geo.js"></script>
  9 +<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>
  10 +<link rel="stylesheet" type="text/css" href="../css/black.css">
  11 +<style>
  12 + .olControlEditingToolbar1 div {
  13 + background-image: url(../mashups/openlayers.png);
  14 + background-repeat: no-repeat;
  15 + float: right;
  16 + right: 50px;
  17 + height: 29px;
  18 + margin: 2px;
  19 + width: 29px;
  20 + cursor: pointer;
  21 + top: 10px;
  22 + }
  23 +</style>
  24 +</head>
  25 +<body id="i3geo" style='margin-left: 7px; background: white;'>
  26 + <!-- inclui o nome do usuario logado -->
  27 + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
  28 + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
  29 + <tr>
  30 + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
  31 + <!--menu suspenso-->
  32 + <div id="menus" style="height: 30px;"></div>
  33 + </td>
  34 + </tr>
  35 + <tr>
  36 + <td style="vertical-align: top; border-width: 0px;">
  37 + <table width="100%" style="vertical-align: top; border-width: 0px">
  38 + <tr>
  39 + <td class=verdeclaro id=contemImg>
  40 + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>
  41 + </td>
  42 + </tr>
  43 + </table>
  44 + </td>
  45 + </tr>
  46 + <tr>
  47 + <td>
  48 + <table style="width: 100%; height: 28px">
  49 + <tr>
  50 + <td class=fundoRodape style="width: 25%">
  51 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  52 + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>
  53 + </td>
  54 + <td class=fundoRodape style="width: 5%"></td>
  55 + <td class=fundoRodape style="width: 40%">
  56 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  57 + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>
  58 + </td>
  59 + <td class=fundoRodape style="width: 20%">
  60 + <!-- bot&atilde;o de compartilhamento em redes sociais-->
  61 + <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> -->
  62 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  63 + <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
  64 + </td>
  65 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  66 + <td class=fundoRodape style="width: 10%;">
  67 + <div id=seletorIdiomas style="right: 15px;"></div>
  68 + </td>
  69 + </tr>
  70 + </table>
  71 + </td>
  72 + </tr>
  73 + </table>
  74 + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
  75 + <tr>
  76 + <td style="height: 30px"><div id=versaoi3geo></div>
  77 + <h2 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2>
  78 + <h3 style="font-weight: normal; 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>
  79 + </tr>
  80 + <tr>
  81 + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>
  82 + </tr>
  83 + <tr>
  84 + <td>
  85 + <!--
  86 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  87 + -->
  88 + </td>
  89 + </tr>
  90 + </table>
  91 +
  92 +<div id="i3GEOguiaMovel" style="visibility:hidden;position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">
  93 + <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;">
  94 + <div id="iconeGuia_temas" ></div>
  95 + <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div>
  96 + <div id="iconeGuia_legenda" style="margin-top:3px;"></div>
  97 + </div>
  98 + <div id="i3GEOguiaMovelMolde" style="top:0px;box-shadow:0 2px 10px 0 #888888;position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray">
  99 + <div id="i3GEOguiaMovelConteudo" style='top:10px;overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'>
  100 + <div id='guia1obj' style='display:none;' >
  101 + <!-- 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 -->
  102 + <div style='left:5px;top:10px;width:150px;' id=buscaRapida ></div>
  103 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  104 + <!--<div id=listaPropriedades style='top:15px;' ></div>-->
  105 + <!-- 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 -->
  106 + <div id=listaLayersBase style='top:15px;'></div>
  107 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  108 + <div id=listaTemas style='top:15px;'></div>
  109 + </div>
  110 + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  111 + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
  112 + <!--
  113 + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  114 + -->
  115 + </div>
  116 + </div>
  117 +</div>
  118 + <script>
  119 + i3GEO.mapa.TEMASINICIAIS = "_lbiomashp,_llocali";
  120 + i3GEO.mapa.TEMASINICIAISLIGADOS = "_lbiomashp,_llocali";
  121 +
  122 + alert("Experimente abrir a guia movel e clique na camada Biomas para desativa-la");
  123 + //
  124 + //exemplo de como manipular os checkbox da &aacute;rvore de camadas
  125 + //
  126 + //aqui &eacute; definida a fun&ccedil;&atilde;o que ser&aacute; executada após a &aacute;rvore de camadas original ter sido criada
  127 + i3GEO.arvoreDeCamadas.FINALIZA = "alteraArvore();";
  128 + //funcao que ir&aacute; recriar a &aacute;rvore com uma nova fun&ccedil;&atilde;o nos checkbox
  129 + function alteraArvore(){
  130 + //a vari&aacute;vel i3GEO.arvoreDeCamadas.ATIVATEMA pode ser utilizada para substituir a fun&ccedil;&atilde;o default que liga/desliga uma camada
  131 + i3GEO.arvoreDeCamadas.ATIVATEMA = "novaFuncaoLigaDesliga(this)";
  132 + //for&ccedil;a a remontagem da &aacute;rvore, agora ela ir&aacute; usar a nova fun&ccedil;&atilde;o
  133 + i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true);
  134 + }
  135 + //funcao que vai fazer alguma coisa quando o checkbox for clicado
  136 + function novaFuncaoLigaDesliga(objInput){
  137 + var codigoTema = objInput.value,
  138 + ck;
  139 + //altera a situa&ccedil;&atilde;o de outros temas
  140 + if(codigoTema == "_lbiomashp"){
  141 + //captura o checkbox de outra camada
  142 + ck = i3GEO.arvoreDeCamadas.capturaCheckBox("_llocali");
  143 + //se o estado da camada desejada for igual ao da camada clicada, n&atilde;o faz nada
  144 + if(ck.checked != objInput.checked){
  145 + //coloca o checkbox no mesmo estado daquele que foi clicado
  146 + ck.checked = objInput.checked;
  147 + //altera o status da camada desejada
  148 + i3GEO.Interface.openlayers.ligaDesliga(ck);
  149 + }
  150 + }
  151 + //executa a fun&ccedil;&atilde;o normal
  152 + i3GEO.Interface.openlayers.ligaDesliga(objInput);
  153 + i3GEO.eventos.executaEventos(i3GEO.eventos.ATUALIZAARVORECAMADAS);
  154 + }
  155 + /////////////////////////////////////////////////////////////
  156 +
  157 + i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://"
  158 + + window.location.host + "/i3geo";
  159 + i3GEO.configura.autotamanho = false;
  160 + i3GEO.Interface.ATUAL = "openlayers";
  161 + i3GEO.Interface.IDCORPO = "contemImg";
  162 + i3GEO.Interface.openlayers.TILES = true;
  163 +
  164 + i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  165 + i3GEO.cria();
  166 + i3GEO.configura.mapaRefDisplay = "none";
  167 + i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  168 + //ajusta o deslocamento da barra de botoes
  169 + i3GEO.barraDeBotoes.OFFSET = 11;
  170 + //ajusta a posicao da barra de botoes no IE
  171 + if(navm){
  172 + i3GEO.barraDeBotoes.OFFSET = 5;
  173 + }
  174 + if(chro){
  175 + i3GEO.barraDeBotoes.OFFSET = 15;
  176 + }
  177 +
  178 + i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  179 + i3GEO.ajuda.ATIVAJANELA = false;
  180 + i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  181 +
  182 + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  183 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  184 + i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  185 + i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  186 + i3GEO.mapa.AUTORESIZE = true;
  187 + i3GEO.guias.TIPO = "movel";
  188 + i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;
  189 + i3GEO.janela.ativaAlerta();
  190 + i3GEO.finaliza = function() {
  191 + if ($i("i3GEOlogoMarca")) {
  192 + $i("i3GEOlogoMarca").style.display = "none";
  193 + }
  194 + i3GEO.mapa.insereDobraPagina("googlemaps",
  195 + "../imagens/dobragooglemaps.png"
  196 + );
  197 + };
  198 + //indica se a opcao de navegacao nas pastas do servidor sera ativada
  199 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  200 + i3GEO.janela.TRANSICAOSUAVE = true;
  201 +
  202 + OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  203 + //desliga a camada com o mapa mundi
  204 + i3GEO.configura.mashuppar = "&desligar=mundo";
  205 + //se vc nao quer o fundo, mude visibility true para false
  206 + (function() {
  207 + var eng = new OpenLayers.Layer.ArcGIS93Rest(
  208 + "ESRI National Geographic",
  209 + "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export",
  210 + {
  211 + format : "jpeg"
  212 + }, {
  213 + isBaseLayer : true,
  214 + visibility : true,
  215 + attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>'
  216 + });
  217 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  218 + "ESRI Ocean Basemap",
  219 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  220 + {
  221 + format : "jpeg"
  222 + }, {
  223 + isBaseLayer : true,
  224 + visibility : false,
  225 + attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>'
  226 + });
  227 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  228 + "ESRI Imagery World 2D",
  229 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  230 + {
  231 + format : "jpeg"
  232 + }, {
  233 + isBaseLayer : true,
  234 + visibility : false,
  235 + attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>'
  236 + });
  237 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  238 + "ESRI World Street Map",
  239 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  240 + {
  241 + format : "jpeg"
  242 + }, {
  243 + isBaseLayer : true,
  244 + visibility : false,
  245 + attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>'
  246 + });
  247 + var bra = new OpenLayers.Layer.WMS(
  248 + "Base carto MMA",
  249 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  250 + {
  251 + layers : "baseraster",
  252 + srs : "EPSG:4618",
  253 + format : "image/png",
  254 + isBaseLayer : false
  255 + }, {
  256 + isBaseLayer : true,
  257 + visibility : false
  258 + });
  259 +
  260 + var tms = new OpenLayers.Layer.TMS("OSGEO",
  261 + "http://tilecache.osgeo.org/wms-c/Basic.py/", {
  262 + layername : "basic",
  263 + type : "png",
  264 + // set if different than the bottom left of map.maxExtent
  265 + tileOrigin : new OpenLayers.LonLat(-180, -90),
  266 + isBaseLayer : true,
  267 + visibility : false,
  268 + attribution : '&copy; <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>'
  269 + });
  270 +
  271 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms,
  272 + bra ];
  273 + })();
  274 +
  275 + i3GEO.inicia();
  276 + </script>
  277 +</body>
  278 +</html>
exemplos/index.html
  Diff comments   View file @f0f273d
@@ -207,15 +207,6 @@ body,td { @@ -207,15 +207,6 @@ body,td {
207 <p> 207 <p>
208 <a href="botoes5.htm" target="_blank">Como inserir bot&otilde;es na barra de bot&otilde;es</a> 208 <a href="botoes5.htm" target="_blank">Como inserir bot&otilde;es na barra de bot&otilde;es</a>
209 </p> 209 </p>
210 - <p>  
211 - <a href="botoes2.htm" target="_blank">Constru&ccedil;&atilde;o das barras de bot&otilde;es via javascript, sem necessidade de definir elementos no HTML</a>  
212 - </p>  
213 - <p>  
214 - <a href="botoes3.htm" target="_blank">Constru&ccedil;&atilde;o das barras de bot&otilde;es via javascript, com escolha dos bot&otilde;es que ir&atilde;o ser inclu&iacute;dos</a>  
215 - </p>  
216 - <p>  
217 - <a href="botoes4.htm" target="_blank">Constru&ccedil;&atilde;o das barras de bot&otilde;es via javascript, com escolha dos bot&otilde;es que ir&atilde;o ser inclu&iacute;dos e estilo diferente</a>  
218 - </p>  
219 </fieldset> 210 </fieldset>
220 <fieldset> 211 <fieldset>
221 <legend> 212 <legend>
@@ -230,15 +221,6 @@ body,td { @@ -230,15 +221,6 @@ body,td {
230 <b>Customiza&ccedil;&atilde;o de ferramentas existentes</b> 221 <b>Customiza&ccedil;&atilde;o de ferramentas existentes</b>
231 </legend> 222 </legend>
232 <p> 223 <p>
233 - <a href="fotos.htm" target="_blank">Mapa com a ferramenta "carousel" posicionada in&iacute;cio do mapa</a>  
234 - </p>  
235 - <p>  
236 - <a href="fotos.htm" target="_blank">Lista de fotos em uma guia</a>  
237 - </p>  
238 - <p>  
239 - <a href="aplic1.htm" target="_blank">Busca r&aacute;pida</a>  
240 - </p>  
241 - <p>  
242 <a href="aplic2.htm" target="_blank">Adiciona uma camada extra via javascript</a> 224 <a href="aplic2.htm" target="_blank">Adiciona uma camada extra via javascript</a>
243 </p> 225 </p>
244 <p> 226 <p>
exemplos/legenda1.htm
  Diff comments   View file @f0f273d
1 -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
2 -<html>  
3 -<head>  
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">  
6 -<title>i3Geo - Mapa interativo</title>  
7 -<script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>  
8 -<script type="text/javascript" src="../pacotes/openlayers/OpenLayers2131.js.php"></script>  
9 -</head>  
10 -<body id="i3geo">  
11 -  
12 -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>  
13 -  
14 -<!--  
15 - Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR  
16 --->  
17 -<tr style="border:0px">  
18 - <td colspan=2 id="barraSuperior" style="background-image:url('../imagenscabeca.png');height:10px"></td>  
19 -</tr>  
20 -<tr>  
21 -<td>  
22 - <table width=100% cellspacing=0 cellpadding=0 >  
23 - <tr>  
24 - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>  
25 - <td>  
26 - <!--  
27 - Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado  
28 - -->  
29 -  
30 - <div class=verdeescuro style="top:0px;cursor:pointer;">  
31 - <div id=guia1 class=guia >Temas</div>  
32 - <div id=guia2 class=guia >Adiciona</div>  
33 - <div id=guia4 class=guia >Legenda</div>  
34 - <div id=guia5 class=guia >Links</div>  
35 - </div>  
36 - </td>  
37 -  
38 - </tr>  
39 - </table>  
40 -</td>  
41 -<td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">  
42 - <!--  
43 - menu suspenso  
44 - -->  
45 - <div id="menus" ></div>  
46 -</td>  
47 -</tr>  
48 -<tr>  
49 - <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">  
50 - <!--  
51 - As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada  
52 - Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.  
53 - o div com id=guia1 deve ter um div com id=guia1obj  
54 - -->  
55 - <div id='guia1obj' >  
56 - <!-- 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 -->  
57 - <div style='left:5px;top:10px;' id=buscaRapida ></div>  
58 - <!-- Esta div acrescenta a lista de propriedades do mapa -->  
59 - <div id=listaPropriedades style='top:15px;' ></div>  
60 - <!-- 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 -->  
61 - <div id=listaLayersBase style='top:15px;'></div>  
62 - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->  
63 - <div id=listaTemas style='top:15px;'></div>  
64 - </div>  
65 -  
66 - <!-- se vc quiser colocar a arvore de adi&ccedil;&atilde;o de temas em um lugar espec&iacute;fico,  
67 - use o div abaixo, caso contr&aacute;rio, a &aacute;rvore ser&aacute; colocada na guia definida em objmapa.guiaMenu, por default a guia2  
68 - <div id=arvoreAdicionaTema style='top:25px;' ></div>  
69 - <div id=outrasOpcoesAdiciona style='top:25px;' ></div>  
70 - -->  
71 -  
72 - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>  
73 - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>  
74 - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>  
75 - </td>  
76 - <td style="vertical-align:top;border-width:0px;">  
77 - <table width="100%" style="vertical-align:top;border-width:0px">  
78 - <tr><td class=verdeclaro id=contemImg >  
79 - <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>  
80 - </td></tr>  
81 - </table>  
82 - </td>  
83 - </tr>  
84 -  
85 -<tr>  
86 -  
87 - <td class=tdbranca >  
88 - <!--  
89 - 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  
90 - <div id=visual ></div>  
91 - -->  
92 - <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->  
93 - <div id="seletorIdiomas" ></div>  
94 - <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->  
95 - <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>  
96 - </td>  
97 - <td class=tdbranca >  
98 - <table width=100% ><tr>  
99 - <td class=tdbranca ></td>  
100 - <td class=tdbranca style=text-align:center >  
101 - <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->  
102 - <div id=localizarxy style="text-align:left;font-size:10px;">Aguarde...</div>  
103 - </td>  
104 - <td class=tdbranca >  
105 - <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->  
106 - <div id=escala ></div>  
107 - </td>  
108 - <!--  
109 - A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para  
110 - que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no  
111 - SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es  
112 - -->  
113 - <td class=tdbranca ><div id=ondeestou ></div></td>  
114 - </tr>  
115 - <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM  
116 - As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro  
117 - i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml  
118 - se os IDs forem iguais, o tipo de coordenada mostrada ser&aacute; intercalada, ora UTM ora GEO.  
119 - <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:8px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>  
120 - -->  
121 - </table>  
122 - </td>  
123 -</tr>  
124 -<tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagensrodape.png');height:10px"></td></tr>  
125 -<!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->  
126 -<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>  
127 -<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>  
128 -  
129 -</table>  
130 -  
131 -<!-- Vari&aacute;veis globais e inicializa&ccedil;&atilde;o do mapa-->  
132 -<script type="text/javascript">  
133 -/*  
134 - Indica a localiza&ccedil;&atilde;o correta do i3geo.  
135 -  
136 - &Eacute; utilizada para identificar o local correto onde est&atilde;o os programas em php que s&atilde;o utilizados.  
137 -*/  
138 -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";  
139 -var g_localimg = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo/imagens";  
140 -//  
141 -//utiliza um template para a legenda, que constrói os grupos  
142 -//  
143 -i3GEO.configura.templateLegenda = "legendagrupos.htm";  
144 -i3GEO.guias.ATUAL = "legenda";  
145 -  
146 -i3GEO.Interface.ATUAL = "openlayers";  
147 -i3GEO.Interface.IDCORPO = "contemImg";  
148 -i3GEO.configura.diminuixN = 20  
149 -  
150 -i3GEO.Interface.openlayers.GADGETS = {  
151 - PanZoomBar:true,  
152 - PanZoom:false,  
153 - LayerSwitcher:true,  
154 - ScaleLine:true,  
155 - OverviewMap:false  
156 - };  
157 -i3GEO.Interface.openlayers.TILES = false;  
158 -/*  
159 -Após a cria&ccedil;&atilde;o, &eacute; criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers.  
160 -Vc pode usar i3geoOL para aplicar os m&eacute;todos e verificar as propriedades da API do OpenLayers  
161 -*/  
162 -i3GEO.cria();  
163 -/*  
164 - Inicializa o mapa  
165 -  
166 -*/  
167 -i3GEO.barraDeBotoes.AUTOALTURA = false;  
168 -  
169 -i3GEO.barraDeBotoes.PERMITEFECHAR = true;  
170 -i3GEO.barraDeBotoes.PERMITEDESLOCAR = true;  
171 -i3GEO.barraDeBotoes.AUTO = true;  
172 -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"  
173 -  
174 -i3GEO.Interface.BARRABOTOESLEFT = 50  
175 -i3GEO.Interface.BARRABOTOESTOP = 10  
176 -  
177 -i3GEO.idioma.IDSELETOR = "seletorIdiomas"  
178 -  
179 -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";  
180 -i3GEO.arvoreDeTemas.ATIVATEMAIMEDIATO = true  
181 -//  
182 -//esta &eacute; uma vari&aacute;vel interna do OpenLayers que define o endere&ccedil;o do diretório onde est&atilde;o as imagens usadas nos &iacute;cones  
183 -//  
184 -OpenLayers.ImgPath = "../pacotes/openlayers/img/"  
185 -//  
186 -//adiciona camadas que podem ser ativadas como fundo do mapa  
187 -//  
188 -var ims = new OpenLayers.Layer.ArcGIS93Rest(  
189 - "ESRI Imagery World 2D",  
190 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",  
191 - {},  
192 - {isBaseLayer:true,visibility:false}  
193 -);  
194 -var wsm = new OpenLayers.Layer.ArcGIS93Rest(  
195 - "ESRI World Street Map",  
196 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",  
197 - {},  
198 - {isBaseLayer:true,visibility:false}  
199 -);  
200 -var bra = new OpenLayers.Layer.WMS(  
201 - "Base carto MMA",  
202 - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",  
203 - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},  
204 - {isBaseLayer:true,visibility:false}  
205 -);  
206 -var osm = new OpenLayers.Layer.WMS(  
207 - "Open Street Map",  
208 - "http://data1.vizure.net/server/services/request.php?jname=/wms",  
209 - {},  
210 - {isBaseLayer:true,visibility:false}  
211 -);  
212 -  
213 -i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ims,wsm,bra,osm];  
214 -  
215 -//  
216 -//inicia o mapa  
217 -//  
218 -i3GEO.inicia();  
219 -alert("Apenas os LAYERS com o item GROUP definido serao mostrados na legenda")  
220 -</script>  
221 -</body>  
222 -</html>  
223 \ No newline at end of file 1 \ No newline at end of file
  2 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
  3 +<html>
  4 +<head>
  5 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  6 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  7 +<meta name="viewport" content="width=device-width, initial-scale=1">
  8 +<title>i3GEO - OpenLayers</title>
  9 +<script src="../classesjs/i3geo.js"></script>
  10 +<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>
  11 +<link rel="stylesheet" type="text/css" href="../css/black.css">
  12 +<style>
  13 + .olControlEditingToolbar1 div {
  14 + background-image: url(../mashups/openlayers.png);
  15 + background-repeat: no-repeat;
  16 + float: right;
  17 + right: 50px;
  18 + height: 29px;
  19 + margin: 2px;
  20 + width: 29px;
  21 + cursor: pointer;
  22 + top: 10px;
  23 + }
  24 +</style>
  25 +</head>
  26 +<body id="i3geo" style='margin-left: 7px; background: white;'>
  27 + <!-- inclui o nome do usuario logado -->
  28 + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
  29 + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
  30 + <tr>
  31 + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
  32 + <!--menu suspenso-->
  33 + <div id="menus" style="height: 30px;"></div>
  34 + </td>
  35 + </tr>
  36 + <tr>
  37 + <td style="vertical-align: top; border-width: 0px;">
  38 + <table width="100%" style="vertical-align: top; border-width: 0px">
  39 + <tr>
  40 + <td class=verdeclaro id=contemImg>
  41 + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>
  42 + </td>
  43 + </tr>
  44 + </table>
  45 + </td>
  46 + </tr>
  47 + <tr>
  48 + <td>
  49 + <table style="width: 100%; height: 28px">
  50 + <tr>
  51 + <td class=fundoRodape style="width: 25%">
  52 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  53 + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>
  54 + </td>
  55 + <td class=fundoRodape style="width: 5%"></td>
  56 + <td class=fundoRodape style="width: 40%">
  57 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  58 + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>
  59 + </td>
  60 + <td class=fundoRodape style="width: 20%">
  61 + <!-- bot&atilde;o de compartilhamento em redes sociais-->
  62 + <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> -->
  63 + <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  64 + <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
  65 + </td>
  66 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  67 + <td class=fundoRodape style="width: 10%;">
  68 + <div id=seletorIdiomas style="right: 15px;"></div>
  69 + </td>
  70 + </tr>
  71 + </table>
  72 + </td>
  73 + </tr>
  74 + </table>
  75 + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
  76 + <tr>
  77 + <td style="height: 30px"><div id=versaoi3geo></div>
  78 + <h2 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2>
  79 + <h3 style="font-weight: normal; 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>
  80 + </tr>
  81 + <tr>
  82 + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>
  83 + </tr>
  84 + <tr>
  85 + <td>
  86 + <!--
  87 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  88 + -->
  89 + </td>
  90 + </tr>
  91 + </table>
  92 +
  93 +<div id="i3GEOguiaMovel" style="visibility:hidden;position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">
  94 + <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;">
  95 + <div id="iconeGuia_temas" ></div>
  96 + <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div>
  97 + <div id="iconeGuia_legenda" style="margin-top:3px;"></div>
  98 + </div>
  99 + <div id="i3GEOguiaMovelMolde" style="top:0px;box-shadow:0 2px 10px 0 #888888;position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray">
  100 + <div id="i3GEOguiaMovelConteudo" style='top:10px;overflow:auto;display:none;position:absolute;border-color:gray;border-width:0px 0 0px 0px;left:0px;height:0px;background-color:white'>
  101 + <div id='guia1obj' style='display:none;' >
  102 + <!-- 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 -->
  103 + <div style='left:5px;top:10px;width:150px;' id=buscaRapida ></div>
  104 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  105 + <!--<div id=listaPropriedades style='top:15px;' ></div>-->
  106 + <!-- 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 -->
  107 + <div id=listaLayersBase style='top:15px;'></div>
  108 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  109 + <div id=listaTemas style='top:15px;'></div>
  110 + </div>
  111 + <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  112 + <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
  113 + <!--
  114 + <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  115 + -->
  116 + </div>
  117 + </div>
  118 +</div>
  119 + <script>
  120 + //
  121 + //utiliza um template para a legenda, que constrói os grupos
  122 + //
  123 + i3GEO.configura.templateLegenda = "legendagrupos.htm";
  124 +
  125 + i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://"
  126 + + window.location.host + "/i3geo";
  127 + i3GEO.configura.autotamanho = false;
  128 + i3GEO.Interface.ATUAL = "openlayers";
  129 + i3GEO.Interface.IDCORPO = "contemImg";
  130 + i3GEO.Interface.openlayers.TILES = true;
  131 +
  132 + i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  133 + i3GEO.cria();
  134 + i3GEO.configura.mapaRefDisplay = "none";
  135 + i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  136 + //ajusta o deslocamento da barra de botoes
  137 + i3GEO.barraDeBotoes.OFFSET = 11;
  138 + //ajusta a posicao da barra de botoes no IE
  139 + if(navm){
  140 + i3GEO.barraDeBotoes.OFFSET = 5;
  141 + }
  142 + if(chro){
  143 + i3GEO.barraDeBotoes.OFFSET = 15;
  144 + }
  145 +
  146 + i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  147 + i3GEO.ajuda.ATIVAJANELA = false;
  148 + i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  149 +
  150 + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  151 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  152 + i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  153 + i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  154 + i3GEO.mapa.AUTORESIZE = true;
  155 + i3GEO.guias.TIPO = "movel";
  156 + i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;
  157 + i3GEO.janela.ativaAlerta();
  158 + i3GEO.finaliza = function() {
  159 + if ($i("i3GEOlogoMarca")) {
  160 + $i("i3GEOlogoMarca").style.display = "none";
  161 + }
  162 + i3GEO.mapa.insereDobraPagina("googlemaps",
  163 + "../imagens/dobragooglemaps.png"
  164 + );
  165 + };
  166 + //indica se a opcao de navegacao nas pastas do servidor sera ativada
  167 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  168 + i3GEO.janela.TRANSICAOSUAVE = true;
  169 +
  170 + OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  171 + //desliga a camada com o mapa mundi
  172 + i3GEO.configura.mashuppar = "&desligar=mundo";
  173 + //se vc nao quer o fundo, mude visibility true para false
  174 + (function() {
  175 + var eng = new OpenLayers.Layer.ArcGIS93Rest(
  176 + "ESRI National Geographic",
  177 + "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export",
  178 + {
  179 + format : "jpeg"
  180 + }, {
  181 + isBaseLayer : true,
  182 + visibility : true,
  183 + attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>'
  184 + });
  185 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  186 + "ESRI Ocean Basemap",
  187 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  188 + {
  189 + format : "jpeg"
  190 + }, {
  191 + isBaseLayer : true,
  192 + visibility : false,
  193 + attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>'
  194 + });
  195 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  196 + "ESRI Imagery World 2D",
  197 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  198 + {
  199 + format : "jpeg"
  200 + }, {
  201 + isBaseLayer : true,
  202 + visibility : false,
  203 + attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>'
  204 + });
  205 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  206 + "ESRI World Street Map",
  207 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  208 + {
  209 + format : "jpeg"
  210 + }, {
  211 + isBaseLayer : true,
  212 + visibility : false,
  213 + attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>'
  214 + });
  215 + var bra = new OpenLayers.Layer.WMS(
  216 + "Base carto MMA",
  217 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  218 + {
  219 + layers : "baseraster",
  220 + srs : "EPSG:4618",
  221 + format : "image/png",
  222 + isBaseLayer : false
  223 + }, {
  224 + isBaseLayer : true,
  225 + visibility : false
  226 + });
  227 +
  228 + var tms = new OpenLayers.Layer.TMS("OSGEO",
  229 + "http://tilecache.osgeo.org/wms-c/Basic.py/", {
  230 + layername : "basic",
  231 + type : "png",
  232 + // set if different than the bottom left of map.maxExtent
  233 + tileOrigin : new OpenLayers.LonLat(-180, -90),
  234 + isBaseLayer : true,
  235 + visibility : false,
  236 + attribution : '&copy; <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>'
  237 + });
  238 +
  239 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms,
  240 + bra ];
  241 + })();
  242 +
  243 + i3GEO.inicia();
  244 + alert("Apenas os LAYERS com o item GROUP definido serao mostrados na legenda")
  245 + </script>
  246 +</body>
  247 +</html>
temas/_lbiomashp.map
  Diff comments   View file @f0f273d
@@ -24,6 +24,8 @@ MAP @@ -24,6 +24,8 @@ MAP
24 "transitioneffect" "SIM" 24 "transitioneffect" "SIM"
25 "TEMA" "Biomas shapefile (acentuação)" 25 "TEMA" "Biomas shapefile (acentuação)"
26 END # METADATA 26 END # METADATA
  27 + #para teste de legenda com grupo
  28 + GROUP "biomas"
27 NAME "_lbiomashp" 29 NAME "_lbiomashp"
28 PROCESSING "ITEMS=CD_LEGENDA" 30 PROCESSING "ITEMS=CD_LEGENDA"
29 PROCESSING "LABEL_NO_CLIP=True" 31 PROCESSING "LABEL_NO_CLIP=True"