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 207 <p>
208 208 <a href="botoes5.htm" target="_blank">Como inserir bot&otilde;es na barra de bot&otilde;es</a>
209 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 210 </fieldset>
220 211 <fieldset>
221 212 <legend>
... ... @@ -230,15 +221,6 @@ body,td {
230 221 <b>Customiza&ccedil;&atilde;o de ferramentas existentes</b>
231 222 </legend>
232 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 224 <a href="aplic2.htm" target="_blank">Adiciona uma camada extra via javascript</a>
243 225 </p>
244 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 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 24 "transitioneffect" "SIM"
25 25 "TEMA" "Biomas shapefile (acentuação)"
26 26 END # METADATA
  27 + #para teste de legenda com grupo
  28 + GROUP "biomas"
27 29 NAME "_lbiomashp"
28 30 PROCESSING "ITEMS=CD_LEGENDA"
29 31 PROCESSING "LABEL_NO_CLIP=True"
... ...