Download as
Browse Code »

Commit 9e1cd50dd3a604ff1968e96f022e29eb061deb46

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

Nova interface no padrão OpenLayers adaptada para uso em tablets

Showing 8 changed files with 351 additions and 56 deletions   Show diff stats
classesjs/classe_gadgets.js
  Diff comments   View file @9e1cd50
... ... @@ -90,6 +90,10 @@ i3GEO.gadgets = {
90 90 "mostraMenuSuspenso":
91 91  
92 92 {idhtml:"menus",deslocaEsquerda:0},
  93 +
  94 + "mostraMenuLista":
  95 +
  96 + {idhtml:"menuLista"},
93 97  
94 98 "mostraVersao":
95 99  
... ... @@ -116,6 +120,8 @@ i3GEO.gadgets = {
116 120 {idhtml:"historicozoom"},
117 121 "mostraMenuSuspenso":
118 122 {idhtml:"menus",deslocaEsquerda:0},
  123 + "mostraMenuLista":
  124 + {idhtml:"menuLista"},
119 125 "mostraVersao":
120 126 {idhtml:"versaoi3geo"}
121 127 },
... ... @@ -204,11 +210,14 @@ i3GEO.gadgets = {
204 210 */
205 211 mostraEscalaNumerica: function(id){
206 212 if(typeof(console) !== 'undefined'){console.info("i3GEO.gadgets.mostraEscalaNumerica()");}
207   - var i,ins,temp;
  213 + var i,ins,temp,
  214 + onde;
208 215 if(arguments.length === 0)
209 216 {id = i3GEO.gadgets.PARAMETROS.mostraEscalaNumerica.idhtml;}
210   - if($i(id)){
211   - $i(id).style.display = "block";
  217 + onde = $i(id);
  218 + if(onde){
  219 + if(onde.style.display == "none")
  220 + {onde.style.display = "block";}
212 221 atualizaEscalaNumerica = function(escala){
213 222 var e = $i("i3geo_escalanum");
214 223 if(!e){
... ... @@ -227,12 +236,12 @@ i3GEO.gadgets = {
227 236 }
228 237 };
229 238 if(!$i("i3geo_escalanum")){
230   - i = $inputText(id,"155","i3geo_escalanum",$trad("d10"),"9",parseInt(i3GEO.parametros.mapscale,10));
231   - ins = "<table><tr><td>1:"+i;
  239 + i = $inputText(id,"100","i3geo_escalanum",$trad("d10"),"9",parseInt(i3GEO.parametros.mapscale,10));
  240 + ins = "<table><tr><td><span style=background-color:none >1:</span>"+i;
232 241 temp = 'var nova = document.getElementById("i3geo_escalanum").value;';
233 242 temp += 'i3GEO.navega.aplicaEscala(i3GEO.configura.locaplic,i3GEO.configura.sid,nova);';
234 243 ins += "</td><td><img src='"+i3GEO.util.$im("branco.gif")+"' class='tic' onclick='"+temp+"' /></td></tr></table>";
235   - $i(id).innerHTML = ins;
  244 + onde.innerHTML = ins;
236 245 }
237 246 if(i3GEO.eventos.NAVEGAMAPA.toString().search("atualizaEscalaNumerica()") < 0)
238 247 {i3GEO.eventos.NAVEGAMAPA.push("atualizaEscalaNumerica()");}
... ... @@ -782,25 +791,6 @@ i3GEO.gadgets = {
782 791 if(temp){
783 792 temp.className="yui-navset";
784 793 }
785   - //default dos cabeçalhos se a variável i3GEO.configura.oMenuData.menu não existir
786   - /*
787   - if(!confm.menu){
788   - ins = '<div class="bd" style="display:block;align:right;border: 0px solid white;z-index:6000;line-height:1.4" >' +
789   - '<ul class="first-of-type" style="display:block;border:0px solid white;top:10px;">';
790   - sobe = "";
791   - if(navn)
792   - {sobe = "line-height:0px;";}
793   - ins += '<li class="yuimenubaritem" style="padding-bottom:5px" ><a style="border: 0px solid white;" href="#" class="yuimenubaritemlabel" id="menuajuda" >&nbsp;&nbsp;'+$trad("s1")+'</a></li>' +
794   - '<li class="yuimenubaritem" style="padding-bottom:5px"><a style="border: 0px solid white;" href="#" class="yuimenubaritemlabel" id="menuanalise" >&nbsp;&nbsp;'+$trad("s2")+'</a></li>' +
795   - '<li class="yuimenubaritem" style="padding-bottom:5px"><a style="border: 0px solid white;" href="#" class="yuimenubaritemlabel" id="menujanelas" >&nbsp;&nbsp;'+$trad("s3")+'</a></li>' +
796   - '<li class="yuimenubaritem" style="padding-bottom:5px"><a style="border: 0px solid white;" href="#" class="yuimenubaritemlabel" id="menuarquivos" >&nbsp;&nbsp;'+$trad("s4")+'</a></li>' +
797   - '<li class="yuimenubaritem" style="padding-bottom:5px"><a style="border: 0px solid white;" href="#" class="yuimenubaritemlabel" id="menuinterface" >&nbsp;&nbsp;'+$trad("d27")+'</a></li>' +
798   - '</ul>' +
799   - '</div>';
800   - objid.innerHTML=ins;
801   - }
802   - else{
803   - */
804 794 if(ms.deslocaEsquerda){
805 795 alinhamento = "left:"+ms.deslocaEsquerda*-1+"px;";
806 796 }
... ... @@ -817,7 +807,6 @@ i3GEO.gadgets = {
817 807 ins += '</ul>';
818 808 ins += '</div>';
819 809 objid.innerHTML=ins;
820   - //}
821 810 onMenuBarBeforeRender = function (p_sType, p_sArgs){
822 811 var conta,nomeMenu,nomeSub,
823 812 subs = i3GEO.configura.oMenuData.submenus,
... ... @@ -890,6 +879,49 @@ i3GEO.gadgets = {
890 879 if(navm && i3GEO.Interface.ATUAL === "googlemaps")
891 880 {temp.border = "2px dotted white";}
892 881 }
  882 + },
  883 + /*
  884 + Function: mostraMenuLista
  885 +
  886 + Mostra as opções existentes no menu suspenso porém na forma de uma lista de opções
  887 +
  888 + O conteúdo do menu é baseado na variável i3GEO.configura.oMenuData
  889 +
  890 + Parametro:
  891 +
  892 + id {String} - id do elemento HTML que receberá o resultado. Esse id por default é obtido de
  893 + i3GEO.gadgets.PARAMETROS
  894 + */
  895 + mostraMenuLista: function(id){
  896 + var objid,n,i,estilo,t,temp,nomeMenu,sub,
  897 + ms = i3GEO.gadgets.PARAMETROS.mostraMenuLista,
  898 + confm = i3GEO.configura.oMenuData,
  899 + ins = "",
  900 + subs = i3GEO.configura.oMenuData.submenus;
  901 + if(arguments.length === 0)
  902 + {id = ms.idhtml;}
  903 + else
  904 + {ms.idhtml = id;}
  905 +
  906 + objid = $i(id);
  907 + if(objid){
  908 + n = confm.menu.length;
  909 + for(i = 0;i < n;i += 1){
  910 + ins += '<div class="listaMenuTitulo" id=menulista_'+confm.menu[i].id+'>'+confm.menu[i].nome+'</div>';
  911 + }
  912 + objid.innerHTML=ins;
  913 + for(nomeMenu in subs){
  914 + if($i("menulista_"+nomeMenu)){
  915 + sub = subs[nomeMenu];
  916 + n = sub.length;
  917 + ins = "";
  918 + for(i=0;i<n;i++){
  919 + ins += "<p class='listaMenuItem' ><a href='"+sub[i].url+"' target='_blank'>"+sub[i].text+"</a>";
  920 + }
  921 + $i("menulista_"+nomeMenu).innerHTML += ins;
  922 + }
  923 + }
  924 + }
893 925 }
894 926 };
895 927 //YAHOO.log("carregou classe gadgets", "Classes i3geo");
896 928 \ No newline at end of file
... ...
classesjs/classe_guias.js
  Diff comments   View file @9e1cd50
... ... @@ -210,7 +210,7 @@ i3GEO.guias = {
210 210 {"guia"}
211 211  
212 212 Values:
213   - guia|sanfona
  213 + guia|sanfona|tablet
214 214 */
215 215 TIPO: "guia",
216 216 /*
... ... @@ -291,16 +291,21 @@ i3GEO.guias = {
291 291 //
292 292 //constroi as TAGs para as guias
293 293 //
294   - if(i3GEO.guias.TIPO === "guia"){
295   - ins = '<ul class="yui-nav" style="border-width:0pt 0pt 0px;border-color:rgb(240,240,240);border-bottom-color:white;">';
  294 + if(i3GEO.guias.TIPO === "guia" || i3GEO.guias.TIPO === "tablet"){
  295 + ins = '<ul class="yui-nav" style="border-width:0pt 0pt 0px;border-color:rgb(240,240,240);border-bottom-color:white;text-align:center;">';
  296 + if(i3GEO.guias.TIPO === "tablet"){
  297 + ins += '<li><a href="#"><em><div onclick=i3GEO.guias.escondeGuias(); >^</div></em></a></li>';
  298 + }
296 299 for(ng=0;ng<nguias;ng++){
297 300 if($i(i3GEO.guias.CONFIGURA[guias[ng]].id)){
298 301 if($i(i3GEO.guias.CONFIGURA[guias[ng]].idconteudo))
299 302 {ins += '<li><a href="#"><em><div id="'+i3GEO.guias.CONFIGURA[guias[ng]].id+'" >'+i3GEO.guias.CONFIGURA[guias[ng]].titulo+'</div></em></a></li>';}
300 303 }
301 304 }
  305 + //adiciona uma guia que permite esconder todas as outras guias se for do tipo tablet
302 306 ins += "</ul>";
303 307 onde.innerHTML = ins;
  308 +
304 309 onf = function(){
305 310 var bcg,cor;
306 311 bcg = this.parentNode.parentNode.style;
... ... @@ -387,8 +392,12 @@ i3GEO.guias = {
387 392 catch(e){
388 393 if(typeof(console) !== 'undefined'){console.error(e);}
389 394 }
390   - i3GEO.guias.mostra(i3GEO.guias.ATUAL);
391   - i3GEO.guias.ativa(i3GEO.guias.ATUAL);
  395 + if(i3GEO.guias.TIPO !== "tablet"){
  396 + i3GEO.guias.mostra(i3GEO.guias.ATUAL);
  397 + i3GEO.guias.ativa(i3GEO.guias.ATUAL);
  398 + }
  399 + else
  400 + {i3GEO.guias.escondeGuias();}
392 401 },
393 402 /*
394 403 Function: ajustaAltura
... ... @@ -413,6 +422,22 @@ i3GEO.guias = {
413 422 }
414 423 },
415 424 /*
  425 + Function: escondeGuias
  426 +
  427 + Esconde todas as guias
  428 + */
  429 + escondeGuias: function(){
  430 + var guias,nguias,g;
  431 + guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA);
  432 + nguias = guias.length;
  433 + for(g=0;g<nguias;g++){
  434 + if($i(this.CONFIGURA[guias[g]].idconteudo))
  435 + {$i(this.CONFIGURA[guias[g]].idconteudo).style.display="none";}
  436 + if($i(this.CONFIGURA[guias[g]].id))
  437 + {$i(this.CONFIGURA[guias[g]].id).parentNode.parentNode.style.background="transparent";}
  438 + }
  439 + },
  440 + /*
416 441 Function: mostra
417 442  
418 443 Mostra no mapa uma determinada guia
... ... @@ -423,7 +448,7 @@ i3GEO.guias = {
423 448 */
424 449 mostra: function(guia){
425 450 if(typeof(console) !== 'undefined'){console.info("i3GEO.guias.mostra()");}
426   - var guias,nguias,g;
  451 + var guias,nguias,g,temp;
427 452 guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA);
428 453 nguias = guias.length;
429 454 for(g=0;g<nguias;g++){
... ... @@ -442,12 +467,17 @@ i3GEO.guias = {
442 467 }
443 468 }
444 469 if(this.CONFIGURA[guia]){
445   - if($i(this.CONFIGURA[guia].idconteudo)){
446   - $i(this.CONFIGURA[guia].idconteudo).style.display="block";
  470 + temp = $i(this.CONFIGURA[guia].idconteudo);
  471 + if(temp){
  472 + temp.style.display="block";
447 473 $i(this.CONFIGURA[guia].id).parentNode.parentNode.style.background="white";
448 474 this.ATUAL = guia;
449 475 }
450 476 }
  477 + if(i3GEO.guias.TIPO === "tablet"){
  478 + temp.style.left = (i3GEO.parametros.w / 2) - 150 + "px";
  479 + temp.style.height = i3GEO.parametros.h - 10 + "px";
  480 + }
451 481 },
452 482 /*
453 483 Function: ativa
... ... @@ -481,9 +511,10 @@ i3GEO.guias = {
481 511 if($i(this.IDGUIAS))
482 512 {$i(this.IDGUIAS).style.display="none";}
483 513 i = $i("contemFerramentas");
484   - if(i)
485   - {i.style.display = "none";}
  514 + //if(i)
  515 + //{i.style.display = "none";}
486 516 w = parseInt($i("contemFerramentas").style.width,10);
  517 + $i("contemFerramentas").style.width = "0px";
487 518 i = $i("visual");
488 519 if (i)
489 520 {i.style.width="0px";i.innerHTML="";}
... ... @@ -494,12 +525,12 @@ i3GEO.guias = {
494 525 i3GEO.parametros.w = l;
495 526 if (navm)
496 527 {pos = "";}
497   - i = $i("img");
  528 + i = $i(i3GEO.Interface.IDCORPO);
498 529 if(i){
499 530 i.style.width= l+pos;
500 531 i.style.height= a+pos;
501 532 }
502   - i = $i("corpoMapa");
  533 + i = $i(i3GEO.Interface.IDMAPA);
503 534 if(i){
504 535 i.style.width= l+pos;
505 536 i.style.height= a+pos;
... ... @@ -508,11 +539,7 @@ i3GEO.guias = {
508 539 i = $i("mst");
509 540 if(i)
510 541 {i.style.width = l + 1 + pos;}
511   - i = $i("contemImg");
512   - if(i){
513   - i.style.height= a+pos;
514   - i.style.width= l+pos;
515   - }
  542 +
516 543 if (i3GEO.configura.entorno === "sim"){
517 544 letras=["L","O"];
518 545 for (l=0;l<2; l++){
... ... @@ -542,26 +569,29 @@ i3GEO.guias = {
542 569 novoel = document.createElement("div");
543 570 novoel.id = "janelaguias";
544 571 novoel.style.display="block";
545   - novoel.innerHTML = '<div class="hd">Guias</div><div class="bd" id="conteudojanelaguias"></div>';
  572 + novoel.innerHTML = '<div class="hd">Guias <div onclick ="i3GEO.janela.minimiza(\'conteudojanelaguias\')" id="janelaguias_minimizaCabecalho" class="container-minimiza" ></div></div><div class="bd" id="conteudojanelaguias_corpo" style=padding:0px ></div>';
546 573 temp = $i("i3geo") ? $i("i3geo").appendChild(novoel) : document.body.appendChild(novoel);
547 574 YAHOO.namespace("janelaguias.xp");
548   - YAHOO.janelaguias.xp.panel = new YAHOO.widget.Panel("janelaguias", {width:"270px", fixedcenter: true, constraintoviewport: false, underlay:"none", close:true, visible:true, draggable:true, modal:false,iframe:false } );
  575 + YAHOO.janelaguias.xp.panel = new YAHOO.widget.Panel("janelaguias", {width:"270px", fixedcenter: true, constraintoviewport: false, underlay:"none", close:false, visible:true, draggable:true, modal:false,iframe:true } );
549 576 YAHOO.janelaguias.xp.panel.render();
  577 + YAHOO.janelaguias.xp.panel.cfg.setProperty("y", 0);
  578 + YAHOO.janelaDoca.xp.manager.register(YAHOO.janelaDoca.xp.panel);
550 579 i = $i(i3GEO.guias.IDGUIAS);
551   - $i("janelaguias").appendChild(i);
  580 + $i("conteudojanelaguias_corpo").appendChild(i);
552 581 i.style.borderLeft="1px solid black";
553 582 i.style.borderRight="1px solid black";
554 583 guias = i3GEO.util.listaChaves(i3GEO.guias.CONFIGURA);
555 584 nguias = guias.length;
556 585 for(g=0;g<nguias;g++){
557 586 if($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo)){
558   - $i("janelaguias").appendChild($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo));
  587 + $i("conteudojanelaguias_corpo").appendChild($i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo));
559 588 temp = $i(i3GEO.guias.CONFIGURA[guias[g]].idconteudo).style;
560 589 temp.background="white";
561 590 temp.border="1px solid black";
562 591 temp.borderTop="0px solid black";
563 592 temp.width="270px";
564 593 temp.left="-1px";
  594 + temp.height = i3GEO.parametros.h - 90;
565 595 }
566 596 }
567 597 i3GEO.atualiza("");
... ...
classesjs/classe_i3geo.js
  Diff comments   View file @9e1cd50
... ... @@ -543,6 +543,7 @@ i3GEO = {
543 543 novow = YAHOO.util.Dom.getDocumentWidth() - i3GEO.util.getScrollerWidth();
544 544 novoh = YAHOO.util.Dom.getDocumentHeight();
545 545 //o try aqui é necessário por conta do uso possível do i3geo em um iframe
  546 + /*
546 547 try{
547 548 if (novow < 800){
548 549 novow = 800;
... ... @@ -552,6 +553,7 @@ i3GEO = {
552 553 catch(e){
553 554 if(typeof(console) !== 'undefined'){console.error(e);}
554 555 }
  556 + */
555 557 //novoh = 500
556 558 document.body.style.width = novow;
557 559 document.body.style.height = novoh;
... ...
classesjs/classe_interface.js
  Diff comments   View file @9e1cd50
... ... @@ -462,6 +462,7 @@ i3GEO.Interface = {
462 462 estilo.clip = 'rect('+0+" "+(parametros.w)+" "+(parametros.h)+" "+0+')';
463 463 objmapaparado = "nao"; //utilizado para verificar se o mouse esta parado
464 464 gadgets.mostraMenuSuspenso();
  465 + gadgets.mostraMenuLista();
465 466 i3GEO.eventos.ativa(i);
466 467 i3GEO.coordenadas.mostraCoordenadas();
467 468 gadgets.mostraEscalaNumerica();
... ... @@ -802,7 +803,8 @@ i3GEO.Interface = {
802 803 i3GEO.idioma.mostraSeletor,
803 804 i3GEO.gadgets.mostraEscalaNumerica,
804 805 i3GEO.arvoreDeCamadas.cria,
805   - i3GEO.util.arvore
  806 + i3GEO.util.arvore,
  807 + i3GEO.gadgets.mostraMenuLista,
806 808 ],[
807 809 null,
808 810 null,
... ... @@ -811,7 +813,8 @@ i3GEO.Interface = {
811 813 null,
812 814 null,
813 815 ["",i3GEO.arvoreDeCamadas.CAMADAS,i3GEO.configura.sid,i3GEO.configura.locaplic],
814   - ["<b>"+$trad("p13")+"</b>","listaPropriedades",i3GEO.configura.listaDePropriedadesDoMapa]
  816 + ["<b>"+$trad("p13")+"</b>","listaPropriedades",i3GEO.configura.listaDePropriedadesDoMapa],
  817 + null
815 818 ],
816 819 function(){}
817 820 );
... ... @@ -1273,6 +1276,7 @@ i3GEO.Interface = {
1273 1276 i3GEO.coordenadas.mostraCoordenadas();
1274 1277 i3GEO.gadgets.mostraEscalaNumerica();
1275 1278 i3GEO.gadgets.mostraMenuSuspenso();
  1279 + i3GEO.gadgets.mostraMenuLista();
1276 1280 i3GEO.idioma.mostraSeletor();
1277 1281 g_operacao = "";
1278 1282 g_tipoacao = "";
... ... @@ -1947,6 +1951,7 @@ i3GEO.Interface = {
1947 1951 //
1948 1952 i3GEO.arvoreDeCamadas.cria("",i3GEO.arvoreDeCamadas.CAMADAS,i3GEO.configura.sid,i3GEO.configura.locaplic);
1949 1953 i3GEO.gadgets.mostraMenuSuspenso();
  1954 + i3GEO.gadgets.mostraMenuLista();
1950 1955 i3GEO.Interface.googleearth.ativaBotoes();
1951 1956 i3GEO.gadgets.mostraInserirKml("inserirKml");
1952 1957 i3GEO.Interface.googleearth.adicionaListaKml();
... ...
classesjs/classe_janela.js
  Diff comments   View file @9e1cd50
... ... @@ -349,15 +349,20 @@ i3GEO.janela = {
349 349 id {string} - prefixo utilizado na composição do id da janela
350 350 */
351 351 minimiza: function(id){
352   - var temp = $i(id+"_corpo"),n,i;
  352 + var temp = $i(id+"_corpo"),
  353 + n,
  354 + i,
  355 + m = YAHOO.janelaDoca.xp.manager.find(id);
353 356 if(temp){
354 357 if(temp.style.display === "block"){
355 358 temp.style.display = "none";
356   - YAHOO.janelaDoca.xp.manager.find(id).hideIframe;
  359 + if(m)
  360 + {m.hideIframe;}
357 361 }
358 362 else{
359 363 temp.style.display = "block";
360   - YAHOO.janelaDoca.xp.manager.find(id).showIframe;
  364 + if(m)
  365 + {m.showIframe;}
361 366 }
362 367 }
363 368 temp = $i(id+"_resizehandle");
... ...
classesjs/classe_util.js
  Diff comments   View file @9e1cd50
... ... @@ -338,7 +338,7 @@ i3GEO.util = {
338 338 /*
339 339 Function: arvore
340 340  
341   - Cria uma árvore com base em um objeto contendo aspropriedades.
  341 + Cria uma árvore com base em um objeto contendo as propriedades.
342 342  
343 343 No objeto com as propriedades, se "url" for igual a "", será incluído o texto original definido em "text".
344 344  
... ... @@ -363,7 +363,6 @@ i3GEO.util = {
363 363 */
364 364 arvore: function(titulo,onde,obj){
365 365 if(typeof(console) !== 'undefined'){console.info("i3GEO.util.arvore()");}
366   - //YAHOO.log("arvore", "i3geo");
367 366 var arvore,root,tempNode,currentIconMode,d,c,i,linha,conteudo;
368 367 if(!$i(onde)){return;}
369 368 try{
... ...
interface/openlayers.htm
  Diff comments   View file @9e1cd50
... ... @@ -20,7 +20,7 @@
20 20 <td>
21 21 <table width=100% cellspacing=0 cellpadding=0 >
22 22 <tr>
23   - <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
  23 + <td></td>
24 24 <td>
25 25 <!--
26 26 Guias principais, não mude o ID, apenas o nome se for desejado
... ... @@ -145,7 +145,7 @@
145 145 </td>
146 146 </tr>
147 147 </table>
148   -<script src="../classesjs/i3geo.js"></script>
  148 +<script src="../classesjs/i3geonaocompacto.js"></script>
149 149 <script src="../pacotes/openlayers/OpenLayers29.js.php"></script>
150 150 <script>
151 151 /*
... ...
interface/openlayers_t.htm 0 → 100644
  Diff comments   View file @9e1cd50
... ... @@ -0,0 +1,222 @@
  1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  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 +<style>
  8 +.listaMenuTitulo{
  9 + font-size: 13px;
  10 + text-align: left;
  11 + margin-left: 5px;
  12 + margin-top: 6px;
  13 +}
  14 +.listaMenuItem{
  15 + font-size:11px;
  16 + text-align: left;
  17 + margin-left:15px;
  18 + margin-top: 6px;
  19 +}
  20 +</style>
  21 +</head>
  22 +<body id="i3geo">
  23 +
  24 +<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
  25 + <tr style="border:0px">
  26 + <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
  27 + </tr>
  28 + <tr>
  29 + <td style=text-align:center; >
  30 + <div style="top:0px;cursor:pointer;border-bottom: 1px solid #A3A3A3">
  31 + <div id=guia1 class=guia ></div>
  32 + <div id=guia2 class=guia ></div>
  33 + <div id=guia4 class=guia ></div>
  34 + <div id=guia6 class=guia >+</div>
  35 + </div>
  36 + </td>
  37 + </tr>
  38 + <tr>
  39 + <td style="vertical-align:top;border-width:0px;">
  40 + <table width="100%" style="vertical-align:top;border-width:0px">
  41 + <tr>
  42 + <td class=verdeclaro id=contemImg >
  43 + <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
  44 + </td>
  45 + </tr>
  46 + </table>
  47 + </td>
  48 + </tr>
  49 + <tr>
  50 + <td style=text-align:center;padding-top:2px; >
  51 + <div id=localizarxy style="text-align:center;font-size:10px;display:inline-table;">Aguarde...</div>
  52 + <div id=escala style="text-align:right;width:100px;display:inline-table;" ></div>
  53 +
  54 + </td>
  55 + </tr>
  56 + <tr style="border:0px">
  57 + <td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td>
  58 + </tr>
  59 + <tr style="border:0px">
  60 + <td 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>
  61 + </tr>
  62 + <tr style="border:0px">
  63 + <td style=background-color:black;color:white >geoprocessamento@mma.gov.br </td>
  64 + </tr>
  65 +</table>
  66 +
  67 +<div id='guia1obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; >
  68 + <div style='left:5px;top:10px;' id=buscaRapida ></div>
  69 + <div id=listaPropriedades style='top:15px;' ></div>
  70 + <div id=listaLayersBase style='top:15px;'></div>
  71 + <div id=listaTemas style='top:15px;'></div>
  72 +</div>
  73 +<div id='guia2obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; >Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
  74 +<div id='guia4obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; >
  75 + <div id='legenda' style='text-align:left'></div>
  76 +</div>
  77 +<div id='guia6obj' style=padding-left:2px;display:none;position:absolute;top:34px;left:100px;background-color:white;width:300px; >
  78 + <div id=i3GEOcompartilhar style="text-align:center;border-top:0px solid rgb(250,250,250);padding-top:1px;" ></div>
  79 + <div id=menuLista style='text-align:left'></div>
  80 +</div>
  81 +
  82 +<div id=seletorIdiomas style="position:absolute;top:15px;left:5px;z-index:20000" ></div>
  83 +
  84 +<center>
  85 +<br><br>
  86 +<table>
  87 +<tr>
  88 + <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ção de mapas interativos e geoprocessamento<h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, é licenciado sob GPL e integra o Portal do Software Público Brasileiro</h3></h2></h1></td>
  89 +</tr>
  90 +<tr>
  91 + <td style="padding:10px;"><center><img alt="logomarca" src='../imagens/logo_inicio.png'></td>
  92 +</tr>
  93 +<tr>
  94 + <td><center>
  95 + <!--
  96 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  97 + -->
  98 + </td>
  99 +</tr>
  100 +</table>
  101 +<script src="../classesjs/i3geonaocompacto.js"></script>
  102 +<script src="../pacotes/openlayers/OpenLayers29.js.php"></script>
  103 +<script>
  104 +/*
  105 +Title: Interface Openlayers para tablets
  106 +
  107 +Abre o i3geo com todas as suas funcionalidades e interface de navegação controlada pela API Openlayers adaptada para dispositivos do tipo tablet.
  108 +
  109 +File: i3geo/interface/openlayers_m.htm
  110 +
  111 +Exemplo:
  112 +
  113 +http://<host>/i3geo/ms_criamapa.php
  114 +
  115 +http://<host>/i3geo/interface/openlayers_m.htm
  116 +
  117 +http://<host>/i3geo
  118 +
  119 +Para definir quais botões das barras de ferramentas serão incluídos no mapa, veja: <classe_barradebotoes.js> i3GEO.barraDeBotoes.INCLUIBOTAO
  120 +
  121 +*/
  122 +/*
  123 + Indica a localização correta do i3geo.
  124 +
  125 + É utilizada para identificar o local correto onde estão os programas em php que são utilizados.
  126 +
  127 + Se não for definida, o i3Geo tentará encontrar o local automaticamente com base na tag javascript
  128 +*/
  129 +//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  130 +/*
  131 +Para outras configurações, veja i3geo/classesjs/classe_configura.js
  132 +
  133 +exemplo
  134 +
  135 +i3GEO.configura.autotamanho = true;
  136 +*/
  137 +i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
  138 +i3GEO.configura.autotamanho = false;
  139 +i3GEO.Interface.ATUAL = "openlayers";
  140 +i3GEO.Interface.IDCORPO = "contemImg";
  141 +
  142 +i3GEO.Interface.openlayers.GADGETS = {
  143 + PanZoomBar:true,
  144 + PanZoom:false,
  145 + LayerSwitcher:true,
  146 + ScaleLine:false,
  147 + OverviewMap:false
  148 +};
  149 +i3GEO.Interface.openlayers.TILES = true;
  150 +/*
  151 +Após a criação, é criado o objeto i3geoOL que corresponde ao objeto map da API do OpenLayers.
  152 +Vc pode usar i3geoOL para aplicar os métodos e verificar as propriedades da API do OpenLayers
  153 +*/
  154 +i3GEO.cria();
  155 +/*
  156 + Inicializa o mapa
  157 +*/
  158 +i3GEO.guias.TIPO = "tablet";
  159 +i3GEO.barraDeBotoes.AUTOALTURA = true;
  160 +i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false;
  161 +i3GEO.barraDeBotoes.PERMITEFECHAR = false;
  162 +i3GEO.barraDeBotoes.PERMITEDESLOCAR = false;
  163 +i3GEO.barraDeBotoes.AUTO = true;
  164 +i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja";
  165 +
  166 +i3GEO.Interface.BARRABOTOESLEFT = 5;
  167 +i3GEO.Interface.BARRABOTOESTOP = 10;
  168 +i3GEO.Interface.BARRADEZOOMTOP = 2;
  169 +i3GEO.Interface.BARRADEZOOMLEFT = 50;
  170 +
  171 +i3GEO.idioma.IDSELETOR = "seletorIdiomas";
  172 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
  173 +i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
  174 +i3GEO.arvoreDeTemas.ATIVATEMAIMEDIATO = true;
  175 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  176 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
  177 +i3GEO.configura.mapaRefDisplay = "none";
  178 +//
  179 +//esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones
  180 +//
  181 +OpenLayers.ImgPath = "../pacotes/openlayers/img/";
  182 +//
  183 +//adiciona camadas que podem ser ativadas como fundo do mapa
  184 +//
  185 +(function(){
  186 + var ims = new OpenLayers.Layer.ArcGIS93Rest(
  187 + "ESRI Imagery World 2D",
  188 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
  189 + {},
  190 + {isBaseLayer:true,visibility:false}
  191 + );
  192 + var wsm = new OpenLayers.Layer.ArcGIS93Rest(
  193 + "ESRI World Street Map",
  194 + "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
  195 + {},
  196 + {isBaseLayer:true,visibility:false}
  197 + );
  198 + var bra = new OpenLayers.Layer.WMS(
  199 + "Base carto MMA",
  200 + "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
  201 + {layers:"baseraster",srs:"EPSG:4291",format:"image/png",isBaseLayer:false},
  202 + {isBaseLayer:true,visibility:false}
  203 + );
  204 + var osm = new OpenLayers.Layer.WMS(
  205 + "Open Street Map",
  206 + "http://full.wms.geofabrik.de/std/demo_key",
  207 + {layers:""},
  208 + {isBaseLayer:true,visibility:false}
  209 + );
  210 + i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ims,wsm,bra,osm];
  211 +})();
  212 +//
  213 +//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas. No Safari apresentou problemas.
  214 +//
  215 +//i3GEO.janela.ativaAlerta();
  216 +//
  217 +//inicia o mapa
  218 +//
  219 +i3GEO.inicia();
  220 +</script>
  221 +</body>
  222 +</html>
0 223 \ No newline at end of file
... ...