Download as
Browse Code »

Commit f7ead4382cbaf12647652feee83e4c09a97a8c45

Authored by Edmar Moretti
1 parent 6758b47e
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 528 additions and 397 deletions   Show diff stats
exemplos/barraemlinha.htm
  Diff comments   View file @f7ead43
@@ -91,7 +91,6 @@ @@ -91,7 +91,6 @@
91 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"> 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;"> 93 <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;">
94 - <img src='../imagens/openbars1.png' style="width: 48px; position: absolute; left: -16px; height: 412px; top: -160px;">  
95 <div id="iconeGuia_temas" ></div> 94 <div id="iconeGuia_temas" ></div>
96 <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div> 95 <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div>
97 <div id="iconeGuia_legenda" style="margin-top:3px;"></div> 96 <div id="iconeGuia_legenda" style="margin-top:3px;"></div>
@@ -125,7 +124,7 @@ @@ -125,7 +124,7 @@
125 </div> 124 </div>
126 <div id=barraDeIcones ></div> 125 <div id=barraDeIcones ></div>
127 <script> 126 <script>
128 - 127 +i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
129 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; 128 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
130 i3GEO.configura.diminuiyN = 120; 129 i3GEO.configura.diminuiyN = 120;
131 i3GEO.configura.diminuiyM = 120; 130 i3GEO.configura.diminuiyM = 120;
exemplos/fotos1.htm
  Diff comments   View file @f7ead43
@@ -188,6 +188,8 @@ @@ -188,6 +188,8 @@
188 </table> 188 </table>
189 <script type="text/javascript"> 189 <script type="text/javascript">
190 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; 190 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  191 +i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
  192 +i3GEO.configura.mapaRefDisplay = "none";
191 i3GEO.Interface.ATUAL = "openlayers"; 193 i3GEO.Interface.ATUAL = "openlayers";
192 i3GEO.Interface.IDCORPO = "contemImg"; 194 i3GEO.Interface.IDCORPO = "contemImg";
193 i3GEO.configura.diminuixN = 20 195 i3GEO.configura.diminuixN = 20
exemplos/guias1.htm
  Diff comments   View file @f7ead43
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 -//parametro que indica que após adicionar um tema usando o cat&aacute;logo, a guia "temas" ser&aacute; aberta  
123 -//  
124 -i3GEO.arvoreDeTemas.RETORNAGUIA = "temas";  
125 -  
126 -//  
127 -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";  
128 -i3GEO.configura.autotamanho = false;  
129 -i3GEO.Interface.ATUAL = "openlayers";  
130 -i3GEO.Interface.IDCORPO = "contemImg";  
131 -i3GEO.Interface.openlayers.GADGETS = {  
132 - PanZoomBar:true,  
133 - PanZoom:false,  
134 - LayerSwitcher:true,  
135 - ScaleLine:true,  
136 - OverviewMap:false  
137 - };  
138 -i3GEO.Interface.openlayers.TILES = true;  
139 -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'  
140 -i3GEO.cria();  
141 -i3GEO.configura.mapaRefDisplay = "none";  
142 -i3GEO.barraDeBotoes.TIPO = "olhodepeixe";  
143 -i3GEO.barraDeBotoes.OFFSET = -3;  
144 -i3GEO.configura.oMenuData["submenus"]["janelas"] = [];  
145 -i3GEO.ajuda.ATIVAJANELA = false;  
146 -i3GEO.idioma.IDSELETOR = "seletorIdiomas";  
147 -  
148 -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";  
149 -  
150 -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;  
151 -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;  
152 -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;  
153 -i3GEO.mapa.AUTORESIZE = true;  
154 -i3GEO.guias.TIPO = "movel";  
155 -i3GEO.guias.guiaMovel.config.topGuiaMovel = 0;  
156 -OpenLayers.ImgPath = "../pacotes/openlayers/img/";  
157 -(function(){  
158 - var oce = new OpenLayers.Layer.ArcGIS93Rest(  
159 - "ESRI Ocean Basemap",  
160 - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",  
161 - {format:"jpeg"},  
162 - {isBaseLayer:true,visibility:false}  
163 - );  
164 - var ims = new OpenLayers.Layer.ArcGIS93Rest(  
165 - "ESRI Imagery World 2D",  
166 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",  
167 - {format:"jpeg"},  
168 - {isBaseLayer:true,visibility:false}  
169 - );  
170 - var wsm = new OpenLayers.Layer.ArcGIS93Rest(  
171 - "ESRI World Street Map",  
172 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",  
173 - {format:"jpeg"},  
174 - {isBaseLayer:true,visibility:false}  
175 - );  
176 - var bra = new OpenLayers.Layer.WMS(  
177 - "Base carto MMA",  
178 - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",  
179 - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},  
180 - {isBaseLayer:true,visibility:false}  
181 - );  
182 - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];  
183 -})();  
184 -i3GEO.finaliza = function(){  
185 - if($i("i3GEOlogoMarca"))  
186 - {$i("i3GEOlogoMarca").style.display = "none";}  
187 - i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png");  
188 -}  
189 -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;  
190 -i3GEO.inicia();  
191 -</script>  
192 -</body>  
193 -</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 + //
  120 + //parametro que indica que após adicionar um tema usando o cat&aacute;logo, a guia "temas" ser&aacute; aberta
  121 + //
  122 + i3GEO.arvoreDeTemas.RETORNAGUIA = "temas";
  123 +
  124 + i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://"
  125 + + window.location.host + "/i3geo";
  126 + i3GEO.configura.autotamanho = false;
  127 + i3GEO.Interface.ATUAL = "openlayers";
  128 + i3GEO.Interface.IDCORPO = "contemImg";
  129 + i3GEO.Interface.openlayers.TILES = true;
  130 +
  131 + i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  132 + i3GEO.cria();
  133 + i3GEO.configura.mapaRefDisplay = "none";
  134 + i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  135 + //ajusta o deslocamento da barra de botoes
  136 + i3GEO.barraDeBotoes.OFFSET = 11;
  137 + //ajusta a posicao da barra de botoes no IE
  138 + if(navm){
  139 + i3GEO.barraDeBotoes.OFFSET = 5;
  140 + }
  141 + if(chro){
  142 + i3GEO.barraDeBotoes.OFFSET = 15;
  143 + }
  144 +
  145 + i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  146 + i3GEO.ajuda.ATIVAJANELA = false;
  147 + i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  148 +
  149 + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  150 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  151 + i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  152 + i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  153 + i3GEO.mapa.AUTORESIZE = true;
  154 + i3GEO.guias.TIPO = "movel";
  155 + i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;
  156 + i3GEO.janela.ativaAlerta();
  157 + i3GEO.finaliza = function() {
  158 + if ($i("i3GEOlogoMarca")) {
  159 + $i("i3GEOlogoMarca").style.display = "none";
  160 + }
  161 + i3GEO.mapa.insereDobraPagina("googlemaps",
  162 + "../imagens/dobragooglemaps.png"
  163 + );
  164 + };
  165 + //indica se a opcao de navegacao nas pastas do servidor sera ativada
  166 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  167 + i3GEO.janela.TRANSICAOSUAVE = true;
  168 +
  169 + OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  170 + //desliga a camada com o mapa mundi
  171 + i3GEO.configura.mashuppar = "&desligar=mundo";
  172 + //se vc nao quer o fundo, mude visibility true para false
  173 + (function() {
  174 + var eng = new OpenLayers.Layer.ArcGIS93Rest(
  175 + "ESRI National Geographic",
  176 + "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export",
  177 + {
  178 + format : "jpeg"
  179 + }, {
  180 + isBaseLayer : true,
  181 + visibility : true,
  182 + attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>'
  183 + });
  184 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  185 + "ESRI Ocean Basemap",
  186 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  187 + {
  188 + format : "jpeg"
  189 + }, {
  190 + isBaseLayer : true,
  191 + visibility : false,
  192 + attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>'
  193 + });
  194 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  195 + "ESRI Imagery World 2D",
  196 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  197 + {
  198 + format : "jpeg"
  199 + }, {
  200 + isBaseLayer : true,
  201 + visibility : false,
  202 + attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>'
  203 + });
  204 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  205 + "ESRI World Street Map",
  206 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  207 + {
  208 + format : "jpeg"
  209 + }, {
  210 + isBaseLayer : true,
  211 + visibility : false,
  212 + attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>'
  213 + });
  214 + var bra = new OpenLayers.Layer.WMS(
  215 + "Base carto MMA",
  216 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  217 + {
  218 + layers : "baseraster",
  219 + srs : "EPSG:4618",
  220 + format : "image/png",
  221 + isBaseLayer : false
  222 + }, {
  223 + isBaseLayer : true,
  224 + visibility : false
  225 + });
  226 +
  227 + var tms = new OpenLayers.Layer.TMS("OSGEO",
  228 + "http://tilecache.osgeo.org/wms-c/Basic.py/", {
  229 + layername : "basic",
  230 + type : "png",
  231 + // set if different than the bottom left of map.maxExtent
  232 + tileOrigin : new OpenLayers.LonLat(-180, -90),
  233 + isBaseLayer : true,
  234 + visibility : false,
  235 + attribution : '&copy; <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>'
  236 + });
  237 +
  238 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms,
  239 + bra ];
  240 + })();
  241 +
  242 + i3GEO.inicia();
  243 + </script>
  244 +</body>
  245 +</html>
exemplos/guias2.htm
  Diff comments   View file @f7ead43
@@ -185,6 +185,7 @@ @@ -185,6 +185,7 @@
185 <script type="text/javascript"> 185 <script type="text/javascript">
186 OpenLayers.ImgPath = "../pacotes/openlayers/img/"; 186 OpenLayers.ImgPath = "../pacotes/openlayers/img/";
187 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; 187 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  188 +i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
188 i3GEO.configura.autotamanho = false; 189 i3GEO.configura.autotamanho = false;
189 i3GEO.Interface.ATUAL = "openlayers"; 190 i3GEO.Interface.ATUAL = "openlayers";
190 i3GEO.Interface.IDCORPO = "contemImg"; 191 i3GEO.Interface.IDCORPO = "contemImg";
@@ -199,7 +200,7 @@ i3GEO.Interface.openlayers.TILES = true; @@ -199,7 +200,7 @@ i3GEO.Interface.openlayers.TILES = true;
199 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}' 200 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'
200 i3GEO.cria() 201 i3GEO.cria()
201 i3GEO.configura.mapaRefDisplay = "none"; 202 i3GEO.configura.mapaRefDisplay = "none";
202 -i3GEO.barraDeBotoes.TIPO = "olhodepeixe"; 203 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe1";
203 i3GEO.barraDeBotoes.OFFSET = -3; 204 i3GEO.barraDeBotoes.OFFSET = -3;
204 i3GEO.configura.oMenuData["submenus"]["janelas"] = []; 205 i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
205 i3GEO.ajuda.ATIVAJANELA = false; 206 i3GEO.ajuda.ATIVAJANELA = false;
exemplos/guias3.htm
  Diff comments   View file @f7ead43
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 - OpenLayers</title>  
7 -  
8 -</head>  
9 -<body id="i3geo" style="background-color:white">  
10 -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>  
11 - <tr style="border:0px">  
12 - <td id="barraSuperior" style="background-image:url('../imagenscabeca.png');height:10px"></td>  
13 - </tr>  
14 - <tr>  
15 - <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">  
16 - <div id="menus" ></div>  
17 - </td>  
18 - </tr>  
19 - <tr>  
20 - <td style="vertical-align:top;border-width:0px;">  
21 - <table width="100%" style="vertical-align:top;border-width:0px">  
22 - <tr>  
23 - <td class=verdeclaro id=contemImg >  
24 - <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>  
25 - </td>  
26 - </tr>  
27 - </table>  
28 - </td>  
29 - </tr>  
30 - <tr>  
31 - <td>  
32 - <table width=100% >  
33 - <tr>  
34 - <td class=tdbranca >  
35 - <div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>  
36 - <div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>  
37 - </td>  
38 - <td class=tdbranca >  
39 - <div id=escala style="text-align:right;" ></div>  
40 - </td>  
41 - <td class=tdbranca >  
42 - <div id=localizarxy style="text-align:left;font-size:10px;display:inline-table"></div>  
43 - </td>  
44 - <td class=tdbranca >  
45 - <div id=seletorIdiomas ></div>  
46 - </td>  
47 - </tr>  
48 - </table>  
49 - </td>  
50 - </tr>  
51 - <tr style="border:0px">  
52 - <td id="barraInferior" style="background-image:url('../imagensrodape.png');height:10px"></td>  
53 - </tr>  
54 -</table>  
55 -<center>  
56 -<table id="i3GEOlogoMarca">  
57 - <tr>  
58 - <td><center><h1 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;"><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<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></h2></h1></td>  
59 - </tr>  
60 - <tr>  
61 - <td style="padding:10px;"><center><img alt="logomarca" src='../imagens/logo_inicio.png'></td>  
62 - </tr>  
63 - <tr>  
64 - <td><center>  
65 - </td>  
66 - </tr>  
67 -</table>  
68 -  
69 -<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:1000;background-color:none">  
70 - <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' >  
71 - <div id="i3GEOguiaMovelMolde" style="position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray">  
72 - <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>  
73 - <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'>  
74 - <div id='guia1obj' style='display:none;' >  
75 - <div style='left:5px;top:10px;' id=buscaRapida ></div>  
76 - <div id=listaPropriedades style='top:15px;' ></div>  
77 - <div id=listaLayersBase style='top:15px;'></div>  
78 - <div id=listaTemas style='top:15px;'></div>  
79 - </div>  
80 - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>  
81 - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>  
82 - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>  
83 - </div>  
84 - </div>  
85 -</div>  
86 -<script src="../classesjs/i3geo.js"></script>  
87 -<script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>  
88 -<style>  
89 -.olControlEditingToolbar1 div {  
90 - background-image:url(../mashups/openlayers.png);  
91 - background-repeat:no-repeat;  
92 - float:right;  
93 - right: 0px;  
94 - height:29px;  
95 - margin:2px;  
96 - width:29px;  
97 - cursor:pointer;  
98 -}  
99 -</style>  
100 -<script>  
101 -i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";  
102 -i3GEO.configura.autotamanho = false;  
103 -i3GEO.Interface.ATUAL = "openlayers";  
104 -i3GEO.Interface.IDCORPO = "contemImg";  
105 -i3GEO.Interface.openlayers.GADGETS = {  
106 - PanZoomBar:true,  
107 - PanZoom:false,  
108 - LayerSwitcher:true,  
109 - ScaleLine:true,  
110 - OverviewMap:false  
111 - };  
112 -i3GEO.Interface.openlayers.TILES = true;  
113 -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'  
114 -i3GEO.cria();  
115 -i3GEO.configura.mapaRefDisplay = "none";  
116 -i3GEO.barraDeBotoes.TIPO = "olhodepeixe";  
117 -i3GEO.barraDeBotoes.OFFSET = -3;  
118 -i3GEO.configura.oMenuData["submenus"]["janelas"] = [];  
119 -i3GEO.ajuda.ATIVAJANELA = false;  
120 -i3GEO.idioma.IDSELETOR = "seletorIdiomas";  
121 -  
122 -i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";  
123 -  
124 -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;  
125 -i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;  
126 -i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;  
127 -i3GEO.mapa.AUTORESIZE = true;  
128 -i3GEO.guias.TIPO = "movel";  
129 -OpenLayers.ImgPath = "../pacotes/openlayers/img/";  
130 -(function(){  
131 - var oce = new OpenLayers.Layer.ArcGIS93Rest(  
132 - "ESRI Ocean Basemap",  
133 - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",  
134 - {format:"jpg"},  
135 - {isBaseLayer:true,visibility:false}  
136 - );  
137 - var ims = new OpenLayers.Layer.ArcGIS93Rest(  
138 - "ESRI Imagery World 2D",  
139 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",  
140 - {},  
141 - {isBaseLayer:true,visibility:false}  
142 - );  
143 - var wsm = new OpenLayers.Layer.ArcGIS93Rest(  
144 - "ESRI World Street Map",  
145 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",  
146 - {},  
147 - {isBaseLayer:true,visibility:false}  
148 - );  
149 - var bra = new OpenLayers.Layer.WMS(  
150 - "Base carto MMA",  
151 - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",  
152 - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},  
153 - {isBaseLayer:true,visibility:false}  
154 - );  
155 - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];  
156 -})();  
157 -i3GEO.finaliza = function(){  
158 - $i("i3GEOlogoMarca").style.display = "none";  
159 -}  
160 -//  
161 -//altera a guia do catalogo  
162 -//  
163 -i3GEO.guias.guiaMovel.ABERTA = true;  
164 -i3GEO.guias.CONFIGURA.adiciona.click = function(){  
165 - var ondeArvore;  
166 - i3GEO.guias.mostra("adiciona");  
167 - if(!$i("arvoreAdicionaTema"))  
168 - {  
169 - try{ondeArvore = objmapa.guiaMenu+"obj";}  
170 - catch(e){ondeArvore = "guia2obj";}  
171 - }  
172 - else  
173 - {ondeArvore = "arvoreAdicionaTema";}  
174 - $i(ondeArvore).style.textAlign="left";  
175 - $i(ondeArvore).innerHTML = "" +  
176 - "<div id=ListaDeMenus ></div><br>" +  
177 - "<div id=ListaDeGrupos ></div><br>" +  
178 - "<div id=ListaDeSubGrupos ></div><br>" +  
179 - "<div id=ListaDeTemas ></div><br>";  
180 - i3GEO.arvoreDeTemas.comboMenus(i3GEO.configura.locaplic,"escolheuMenu","ListaDeMenus","comboMenus",300,1);  
181 -}  
182 -function escolheuMenu(id){  
183 - i3GEO.arvoreDeTemas.comboGruposMenu(i3GEO.configura.locaplic,"escolheuGrupo","ListaDeGrupos","comboGrupos",300,1,id)  
184 -}  
185 -function escolheuGrupo(id){  
186 - i3GEO.arvoreDeTemas.comboSubGruposMenu(i3GEO.configura.locaplic,"escolheuSubGrupo","ListaDeSubGrupos","comboSubGrupos",id,300,1)  
187 -}  
188 -function escolheuSubGrupo(idGrupo,idSubGrupo){  
189 - i3GEO.arvoreDeTemas.comboTemasMenu(i3GEO.configura.locaplic,"escolheuTema","ListaDeTemas","ListaDeTemas",idGrupo,idSubGrupo,300,1,$i("comboMenus").value)  
190 -}  
191 -function escolheuTema(idGrupo,idSubGrupo,codigoTema){  
192 - i3GEO.arvoreDeTemas.adicionaTemas([codigoTema])  
193 -}  
194 -i3GEO.inicia();  
195 -</script>  
196 -</body>  
197 -</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:block;'>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 + i3GEO.configura.autotamanho = false;
  122 + i3GEO.Interface.ATUAL = "openlayers";
  123 + i3GEO.Interface.IDCORPO = "contemImg";
  124 + i3GEO.Interface.openlayers.TILES = true;
  125 +
  126 + i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  127 + i3GEO.cria();
  128 + i3GEO.configura.mapaRefDisplay = "none";
  129 + i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  130 + //ajusta o deslocamento da barra de botoes
  131 + i3GEO.barraDeBotoes.OFFSET = 11;
  132 + //ajusta a posicao da barra de botoes no IE
  133 + if(navm){
  134 + i3GEO.barraDeBotoes.OFFSET = 5;
  135 + }
  136 + if(chro){
  137 + i3GEO.barraDeBotoes.OFFSET = 15;
  138 + }
  139 +
  140 + i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
  141 + i3GEO.ajuda.ATIVAJANELA = false;
  142 + i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  143 +
  144 + //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  145 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  146 + i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  147 + i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  148 + i3GEO.mapa.AUTORESIZE = true;
  149 + i3GEO.guias.TIPO = "movel";
  150 + i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;
  151 + i3GEO.janela.ativaAlerta();
  152 + i3GEO.finaliza = function() {
  153 + if ($i("i3GEOlogoMarca")) {
  154 + $i("i3GEOlogoMarca").style.display = "none";
  155 + }
  156 + i3GEO.mapa.insereDobraPagina("googlemaps",
  157 + "../imagens/dobragooglemaps.png"
  158 + );
  159 + };
  160 + //indica se a opcao de navegacao nas pastas do servidor sera ativada
  161 + i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  162 + i3GEO.janela.TRANSICAOSUAVE = true;
  163 +
  164 + OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  165 + //desliga a camada com o mapa mundi
  166 + i3GEO.configura.mashuppar = "&desligar=mundo";
  167 + //se vc nao quer o fundo, mude visibility true para false
  168 + (function() {
  169 + var eng = new OpenLayers.Layer.ArcGIS93Rest(
  170 + "ESRI National Geographic",
  171 + "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export",
  172 + {
  173 + format : "jpeg"
  174 + }, {
  175 + isBaseLayer : true,
  176 + visibility : true,
  177 + attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>'
  178 + });
  179 + var oce = new OpenLayers.Layer.ArcGIS93Rest(
  180 + "ESRI Ocean Basemap",
  181 + "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
  182 + {
  183 + format : "jpeg"
  184 + }, {
  185 + isBaseLayer : true,
  186 + visibility : false,
  187 + attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>'
  188 + });
  189 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  190 + "ESRI Imagery World 2D",
  191 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  192 + {
  193 + format : "jpeg"
  194 + }, {
  195 + isBaseLayer : true,
  196 + visibility : false,
  197 + attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>'
  198 + });
  199 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  200 + "ESRI World Street Map",
  201 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  202 + {
  203 + format : "jpeg"
  204 + }, {
  205 + isBaseLayer : true,
  206 + visibility : false,
  207 + attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>'
  208 + });
  209 + var bra = new OpenLayers.Layer.WMS(
  210 + "Base carto MMA",
  211 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  212 + {
  213 + layers : "baseraster",
  214 + srs : "EPSG:4618",
  215 + format : "image/png",
  216 + isBaseLayer : false
  217 + }, {
  218 + isBaseLayer : true,
  219 + visibility : false
  220 + });
  221 +
  222 + var tms = new OpenLayers.Layer.TMS("OSGEO",
  223 + "http://tilecache.osgeo.org/wms-c/Basic.py/", {
  224 + layername : "basic",
  225 + type : "png",
  226 + // set if different than the bottom left of map.maxExtent
  227 + tileOrigin : new OpenLayers.LonLat(-180, -90),
  228 + isBaseLayer : true,
  229 + visibility : false,
  230 + attribution : '&copy; <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>'
  231 + });
  232 +
  233 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms,
  234 + bra ];
  235 + })();
  236 +
  237 + //
  238 + //altera a guia do catalogo
  239 + //
  240 + i3GEO.guias.guiaMovel.ABERTA = true;
  241 + i3GEO.guias.CONFIGURA.adiciona.click = function(){
  242 + var ondeArvore;
  243 + i3GEO.guias.mostra("adiciona");
  244 + if(!$i("arvoreAdicionaTema"))
  245 + {
  246 + try{ondeArvore = objmapa.guiaMenu+"obj";}
  247 + catch(e){ondeArvore = "guia2obj";}
  248 + }
  249 + else
  250 + {ondeArvore = "arvoreAdicionaTema";}
  251 + $i(ondeArvore).style.textAlign="left";
  252 + $i(ondeArvore).innerHTML = "" +
  253 + "<div id=ListaDeMenus ></div><br>" +
  254 + "<div id=ListaDeGrupos ></div><br>" +
  255 + "<div id=ListaDeSubGrupos ></div><br>" +
  256 + "<div id=ListaDeTemas ></div><br>";
  257 + i3GEO.arvoreDeTemas.comboMenus(i3GEO.configura.locaplic,"escolheuMenu","ListaDeMenus","comboMenus",300,1);
  258 + }
  259 + function escolheuMenu(id){
  260 + i3GEO.arvoreDeTemas.comboGruposMenu(i3GEO.configura.locaplic,"escolheuGrupo","ListaDeGrupos","comboGrupos",300,1,id)
  261 + }
  262 + function escolheuGrupo(id){
  263 + i3GEO.arvoreDeTemas.comboSubGruposMenu(i3GEO.configura.locaplic,"escolheuSubGrupo","ListaDeSubGrupos","comboSubGrupos",id,300,1)
  264 + }
  265 + function escolheuSubGrupo(idGrupo,idSubGrupo){
  266 + i3GEO.arvoreDeTemas.comboTemasMenu(i3GEO.configura.locaplic,"escolheuTema","ListaDeTemas","ListaDeTemas",idGrupo,idSubGrupo,300,1,$i("comboMenus").value)
  267 + }
  268 + function escolheuTema(idGrupo,idSubGrupo,codigoTema){
  269 + i3GEO.arvoreDeTemas.adicionaTemas([codigoTema])
  270 + }
  271 + i3GEO.inicia();
  272 + i3GEO.guias.mostra("adiciona");
  273 + i3GEO.guias.CONFIGURA.adiciona.click.call();
  274 + </script>
  275 +</body>
  276 +</html>
exemplos/guias4.htm
  Diff comments   View file @f7ead43
@@ -83,7 +83,6 @@ @@ -83,7 +83,6 @@
83 83
84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div> 84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
85 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div> 85 <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
86 - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>  
87 </td> 86 </td>
88 <td style="vertical-align:top;border-width:0px;"> 87 <td style="vertical-align:top;border-width:0px;">
89 <table width="100%" style="vertical-align:top;border-width:0px"> 88 <table width="100%" style="vertical-align:top;border-width:0px">
@@ -162,10 +161,9 @@ @@ -162,10 +161,9 @@
162 <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script> 161 <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>
163 <script> 162 <script>
164 //define qual guia iniciara aberta 163 //define qual guia iniciara aberta
165 -i3GEO.guias.ATUAL = "mapas";  
166 -  
167 - 164 +i3GEO.guias.ATUAL = "adiciona";
168 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo"; 165 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  166 +i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
169 i3GEO.configura.autotamanho = false; 167 i3GEO.configura.autotamanho = false;
170 i3GEO.Interface.ATUAL = "openlayers"; 168 i3GEO.Interface.ATUAL = "openlayers";
171 i3GEO.Interface.IDCORPO = "contemImg"; 169 i3GEO.Interface.IDCORPO = "contemImg";