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 91  
92 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 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 94 <div id="iconeGuia_temas" ></div>
96 95 <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div>
97 96 <div id="iconeGuia_legenda" style="margin-top:3px;"></div>
... ... @@ -125,7 +124,7 @@
125 124 </div>
126 125 <div id=barraDeIcones ></div>
127 126 <script>
128   -
  127 +i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
129 128 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
130 129 i3GEO.configura.diminuiyN = 120;
131 130 i3GEO.configura.diminuiyM = 120;
... ...
exemplos/fotos1.htm
  Diff comments   View file @f7ead43
... ... @@ -188,6 +188,8 @@
188 188 </table>
189 189 <script type="text/javascript">
190 190 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  191 +i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
  192 +i3GEO.configura.mapaRefDisplay = "none";
191 193 i3GEO.Interface.ATUAL = "openlayers";
192 194 i3GEO.Interface.IDCORPO = "contemImg";
193 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 185 <script type="text/javascript">
186 186 OpenLayers.ImgPath = "../pacotes/openlayers/img/";
187 187 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  188 +i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
188 189 i3GEO.configura.autotamanho = false;
189 190 i3GEO.Interface.ATUAL = "openlayers";
190 191 i3GEO.Interface.IDCORPO = "contemImg";
... ... @@ -199,7 +200,7 @@ i3GEO.Interface.openlayers.TILES = true;
199 200 i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}'
200 201 i3GEO.cria()
201 202 i3GEO.configura.mapaRefDisplay = "none";
202   -i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
  203 +i3GEO.barraDeBotoes.TIPO = "olhodepeixe1";
203 204 i3GEO.barraDeBotoes.OFFSET = -3;
204 205 i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
205 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 83  
84 84 <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
85 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 86 </td>
88 87 <td style="vertical-align:top;border-width:0px;">
89 88 <table width="100%" style="vertical-align:top;border-width:0px">
... ... @@ -162,10 +161,9 @@
162 161 <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>
163 162 <script>
164 163 //define qual guia iniciara aberta
165   -i3GEO.guias.ATUAL = "mapas";
166   -
167   -
  164 +i3GEO.guias.ATUAL = "adiciona";
168 165 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  166 +i3GEO.mapa.TEMASINICIAISLIGADOS = "mundo";
169 167 i3GEO.configura.autotamanho = false;
170 168 i3GEO.Interface.ATUAL = "openlayers";
171 169 i3GEO.Interface.IDCORPO = "contemImg";
... ...