Commit c971b67e031cc3a8916d37505a7faa5cba3acdca

Authored by Edmar Moretti
1 parent 206e328e

Aplicação dos novos padrões de interface ao editor de mapfiles

admin1/black_editor.php
1 -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> 1 +<!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile"> 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"> 5 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6 -<meta name="viewport" content="width=device-width, initial-scale=1"> 6 +<meta name="viewport"
  7 + content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
7 <title>i3GEO - OpenLayers</title> 8 <title>i3GEO - OpenLayers</title>
8 - <style>  
9 - .olControlEditingToolbar1 div {  
10 - background-image: url(../mashups/openlayers.png);  
11 - background-repeat: no-repeat;  
12 - float: right;  
13 - right: 0px;  
14 - height: 29px;  
15 - margin: 2px;  
16 - width: 29px;  
17 - cursor: pointer;  
18 - top: 10px;  
19 - }  
20 - </style>  
21 - <script src="../classesjs/i3geonaocompacto.js"></script>  
22 - <script src="../admin1/js/core.js"></script>  
23 - <script type="text/javascript" src="../admin1/dicionario/core.js"></script>  
24 - <script src="../pacotes/openlayers/OpenLayers2131.js.php"></script>  
25 - <link rel="stylesheet" type="text/css" href="../css/black6.css">  
26 -</head>  
27 -<body id="i3geo" style='margin-left: 7px; background: white;'>  
28 - <!-- inclui o nome do usuario logado -->  
29 - <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>  
30 - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>  
31 - <tr>  
32 - <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">  
33 - <!--menu suspenso-->  
34 - <div id="menus" style="height: 0px;"></div>  
35 - </td>  
36 - </tr>  
37 - <tr>  
38 - <td style="vertical-align: top; border-width: 0px;">  
39 - <table width="100%" style="vertical-align: top; border-width: 0px">  
40 - <tr>  
41 - <td class=verdeclaro id=contemImg>  
42 - <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>  
43 - </td>  
44 - </tr>  
45 - </table>  
46 - </td>  
47 - </tr>  
48 - <tr>  
49 - <td>  
50 - <table style="width: 100%; height: 28px">  
51 - <tr>  
52 - <td class=fundoRodape style="width: 25%">  
53 - <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->  
54 - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>  
55 - </td>  
56 - <td class=fundoRodape style="width: 5%"></td>  
57 - <td class=fundoRodape style="width: 40%">  
58 - <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->  
59 - <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>  
60 - </td>  
61 - <td class=fundoRodape style="width: 20%">  
62 - <!-- bot&atilde;o de compartilhamento em redes sociais-->  
63 - <!--<div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> -->  
64 - <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->  
65 - <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>  
66 - </td>  
67 - <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->  
68 - <td class=fundoRodape style="width: 10%;">  
69 - <div id=seletorIdiomas style="right: 15px;"></div>  
70 - </td>  
71 - </tr>  
72 - </table>  
73 - </td>  
74 - </tr>  
75 - </table>  
76 - <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>  
77 - <tr>  
78 - <td style="height: 30px"><div id=versaoi3geo></div>  
79 - <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>  
80 - <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>  
81 - </tr>  
82 - <tr>  
83 - <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>  
84 - </tr>  
85 - <tr>  
86 - <td>  
87 - <!--  
88 - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>  
89 - -->  
90 - </td>  
91 - </tr>  
92 - </table> 9 +<script src="../pacotes/ol3/ol.js"></script>
  10 +<script src="../js/i3geo.js"></script>
  11 +<!-- lista com os links que serao mostrados na guia ferramentas -->
  12 +<script src="../js/listaDeFerramentas.js"></script>
  13 +<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
  14 +<script src="../interface/config.php?tipo=OL"></script>
  15 +<script src="../admin1/js/core.js"></script>
  16 +<link rel="stylesheet" type="text/css" href="../pacotes/ol3/ol.css">
  17 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
  18 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
  19 +<!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
  20 +<link rel="stylesheet" type="text/css" href="../css/default.css">
  21 +<style>
  22 +.ol-attribution img {
  23 + display: none;
  24 +}
  25 +
  26 +.ol-attribution.ol-uncollapsible {
  27 + height: 2.1em;
  28 + right: 24px;
  29 + background: none;
  30 + margin-bottom: 15px;
  31 +}
93 32
94 -<div id="i3GEOguiaMovel" style="visibility:hidden;position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">  
95 - <div style="cursor:pointer;position:absolute;top:50%;margin-top: -65px;width:30px;z-index:5000; left:18px;">  
96 - <div id="iconeGuia_temas" ></div>  
97 - <div id="iconeGuia_adiciona" style="margin-top:3px;" ></div>  
98 - <div id="iconeGuia_legenda" style="margin-top:3px;"></div> 33 +</style>
  34 +</head>
  35 + <!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
  36 + Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
  37 + -->
  38 +<body id="i3geo" style='background: white;'>
  39 + <!-- inclui o nome do usuario logado
  40 + <div id="i3GEONomeLogin"
  41 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  42 + -->
  43 + <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps -->
  44 + <div id="mapai3Geo" >
99 </div> 45 </div>
100 - <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">  
101 - <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'>  
102 - <div id='guia1obj' style='display:none;' >  
103 - <!-- 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 -->  
104 - <div style='left:5px;top:10px;width:150px;' id=buscaRapida ></div>  
105 - <div id=listaTemas style='top:15px;'></div>  
106 - </div>  
107 - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>  
108 - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>  
109 - <!--  
110 - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>  
111 - --> 46 + <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
  47 + <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
  48 + <input id='i3GEOescalanum' type='text' name='' value='' size='10' title='' >
  49 + </form>
  50 +
  51 + <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
  52 + <div class="localizarxy fundoRodape hidden-xs hidden-sm">
  53 + <div class="i3GeoMascaraCoord" style="display: block;">
  54 + <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
  55 + <option>DMS:</option>
  56 + <option value="janela">janela</option>
  57 + <option value="geoProj">DMS</option>
  58 + <option value="dd">Déc. de grau</option>
  59 + <option value="geohash">GeoHash</option>
  60 + <option value="policonicaSad69">Polic SAD-69</option>
  61 + <option value="utmSad69Proj">UTM Sad-69</option>
  62 + <option value="utmSirgas2000Proj">UTM Sirgas</option>
  63 + </select>
  64 + </div>
  65 + <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block;position: absolute;top: 0px;left: 60px;">
  66 + X:
  67 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text">
  68 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  69 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text">
  70 + Y:
  71 + <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg" type="text">
  72 + <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text">
  73 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjys" type="text">
  74 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  75 + </div>
  76 + <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  77 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text">
  78 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  79 + </div>
  80 + <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  81 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text">
  82 + <img class="ticfind" style="margin-left:8px;" title="zoom" onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  83 + </div>
  84 + <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  85 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text">
  86 + Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y" type="text">
  87 + </div>
  88 + <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  89 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text">
  90 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY" type="text">
  91 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  92 + </div>
  93 + <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none;position: absolute;top: 0px;left: 60px;">
  94 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text">
  95 + Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY" type="text">
  96 + Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
112 </div> 97 </div>
113 </div> 98 </div>
114 -</div>  
115 - <script>  
116 - /**  
117 - Essa interface e usada no sistema de administracao, na opcao de edicao de mapfiles.  
118 - Mostra um mapa com uma janela com as principais operacoes de edicao de um tema  
119 - **/  
120 - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://"  
121 - + window.location.host + "/i3geo";  
122 - i3GEO.configura.autotamanho = false;  
123 - i3GEO.Interface.ATUAL = "openlayers";  
124 - i3GEO.Interface.IDCORPO = "contemImg";  
125 - i3GEO.Interface.openlayers.TILES = true;  
126 -  
127 - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';  
128 -  
129 - //  
130 - i3GEO.mapa.TEMASINICIAIS = "<?php echo strip_tags($_GET["temaEdicao"]); ?>";  
131 - i3GEO.mapa.TEMASINICIAISLIGADOS = "<?php echo strip_tags($_GET["temaEdicao"]); ?>";  
132 -  
133 - i3GEO.cria();  
134 - i3GEO.configura.mapaRefDisplay = "none";  
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 99
145 - i3GEO.configura.oMenuData["submenus"]["janelas"] = [];  
146 - i3GEO.ajuda.ATIVAJANELA = false;  
147 - i3GEO.idioma.IDSELETOR = "seletorIdiomas"; 100 + <!-- barra de ícones de navegacao -->
  101 + <div class="ol-i3GEOcontrols ol-control">
  102 + <button onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
  103 + <img style="width:20px;" src="../imagens/gisicons/projection.png">
  104 + </button>
  105 + <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
  106 + <img style="width:20px;" src="../imagens/gisicons/zoom-region.png">
  107 + </button>
  108 + <br>
  109 + <button onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
  110 + <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">
  111 + </button>
  112 + <button onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
  113 + <img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">
  114 + </button>
  115 + <br>
  116 + <button data-template="templates/ferramentasLink.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
  117 + <img style="width:20px;" src="../imagens/gisicons/save1.png">
  118 + </button>
  119 + <button onclick="i3GEO.maparef.inicia()" style="float: left;">
  120 + <img style="width:20px;" src="../imagens/gisicons/map-reference.png">
  121 + </button>
  122 + </div>
  123 + <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
  124 + <div id="i3GEOprogressoCamadas" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  125 + <div class="progress-bar progress-bar-striped active" role="progressbar" style="width:100%">
  126 + </div>
  127 + </div>
  128 + <!--barra de aguarde id="i3GEObarraAguarde" -->
  129 + <div id="i3GEObarraAguarde" class="progress" style="display:block;position:absolute;top:0px; height:5px;width:0%;margin:auto;">
  130 + <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:100%">
  131 + </div>
  132 + </div>
  133 + <!-- mensagem de copyright -->
  134 + <div id="i3GEOcopyright">i3Geo</div>
  135 + <!-- botoes laterais que abrem guias moveis -->
  136 + <div id="i3GEOguiaMovel" >
  137 + <!-- configuracao para todos os botoes
  138 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  139 + -->
  140 + <div class="iconesGuiaMovel" data-traduzir="true" style="right:0px;border-radius:4px; padding:2px;cursor: pointer; position: absolute; top: 5px; width: auto; z-index: 5000; background-color: rgba(255,255,255,.4);">
  141 + <!-- ferramentas
  142 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  143 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  144 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  145 + -->
  146 + <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  147 + <button title="{{{u15a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  148 + <img src="../imagens/gisicons/tools.png" style="cursor: pointer; padding: 3px;">
  149 + </button>
  150 + </div>
  151 + <!-- temas existentes no mapa
  152 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  153 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  154 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  155 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  156 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  157 + -->
  158 + <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas" style="margin-top: 3px;">
  159 + <button title="{{{g4a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  160 + <img src="../imagens/layer.png" style="cursor: pointer; padding: 3px;">
  161 + </button>
  162 + </div>
  163 + <!-- catalogo de adicao de temas ao mapa
  164 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  165 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  166 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  167 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
148 168
149 - //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";  
150 - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;  
151 - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;  
152 - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;  
153 - i3GEO.arvoreDeCamadas.MOSTRATITULO = true;  
154 - i3GEO.mapa.AUTORESIZE = true;  
155 - i3GEO.guias.TIPO = "movel";  
156 - i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;  
157 - i3GEO.janela.ativaAlerta(); 169 + Variaveis javascript:
  170 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  171 + -->
  172 + <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus" style="margin-top: 3px;">
  173 + <button title="{{{g1a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  174 + <img src="../imagens/catalogo.png" style="cursor: pointer; padding: 3px;">
  175 + </button>
  176 + </div>
  177 + <!-- legenda -->
  178 + <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  179 + <button title="{{{g3}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  180 + <img src="../imagens/legenda.png" style="cursor: pointer; padding: 3px;">
  181 + </button>
  182 + </div>
  183 + <div onclick="i3GEO.guias.ativa('dobraPagina',this)" style="margin-top: 3px;">
  184 + <button title="{{{trocaInterface}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  185 + <img src="../imagens/googlemaps.png" style="cursor: pointer; padding: 3px;">
  186 + </button>
  187 + </div>
  188 + <!-- Busca -->
  189 + <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  190 + <button class="iconeGuiaMovel" style="box-shadow: none;">
  191 + <img src="../imagens/gisicons/search.png" style="cursor: pointer; padding: 3px;">
  192 + </button>
  193 + </div>
  194 + <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;" >
  195 + <button title="{{{d7a}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  196 + <img src="../imagens/gisicons/tips.png" style="cursor: pointer; padding: 3px;">
  197 + </button>
  198 + </div>
  199 + <div onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  200 + <button title="{{{d7}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  201 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  202 + </button>
  203 + </div>
  204 + </div>
  205 + <!-- veja i3GEO.guias.CONFIGURA -->
  206 + <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
  207 + <!-- se height nao estiver definido sera utilizada a altura do mapa -->
  208 + <div id="i3GEOguiaMovelMolde" >
  209 + <div id="i3GEOguiaMovelConteudo" >
  210 + <!-- camadas existentes no mapa -->
  211 + <div id='guia1obj' data-traduzir="true" style='display: none;'>
  212 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g4a}}}</span>X</div>
  213 + <div class="btn-group noprint" >
  214 + <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>
  215 + <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">
  216 + <span class="caret"></span>
  217 + </a>
  218 + <ul class="dropdown-menu">
  219 + <li><a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)" >Refresh</a></li>
  220 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)" >{{{t3a}}}</a></li>
  221 + <li><a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)" >{{{t3b}}}</a></li>
  222 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)" >{{{t12}}}</a></li>
  223 + <li><a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)" >{{{t2a}}}</a></li>
  224 + <li><a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)" >{{{t20}}}</a></li>
  225 + <li><a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)" >{{{p21}}}</a></li>
  226 + <li><a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)" >{{{d12}}}</a></li>
  227 + <li><a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)" >{{{t4}}}</a></li>
  228 + </ul>
  229 + </div>
  230 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  231 + <div id="listaTemas" style="overflow:none;" data-template="templates/camada.html"></div>
  232 + <!-- Esta div acrescenta a lista de de camadas de fundo
  233 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  234 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  235 + no programa interface/config.php
  236 + -->
  237 + <div class="list-group condensed">
  238 + <label>Camadas de fundo</label>
  239 + <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right" style="margin-top: 0px;padding-top: 0px;padding-bottom: 0px;" type="button" data-toggle="collapse" >
  240 + <span class="caret"></span>
  241 + </a>
  242 + <div style="margin-left:0px;" class="collapse text-left" id="collapseFundo">
  243 + <form>
  244 + <div id="listaFundo" class="form-group" data-template="templates/camadaFundo.html"></div>
  245 + </form>
  246 + </div>
  247 + </div>
  248 + </div>
  249 + <!-- Catalogo de temas -->
  250 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align:left;'>
  251 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"><span class="pull-left">{{{g1a}}}</span> X</div>
  252 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  253 + <div id="catalogoMigalha" data-template="templates/catalogoMigalha.html"></div>
  254 + <div id="catalogoNavegacao"></div>
  255 + <!-- Opcoes -->
  256 + <div id="catalogoPrincipal">
  257 + <div class="btn-group noprint" >
  258 + <a href="javascript:void(0)" class="btn btn-default btn-raised" style="width: 250px;">{{{opcoes}}}</a>
  259 + <a href="javascript:void(0)" data-target="#" class="btn btn-default btn-raised dropdown-toggle" data-toggle="dropdown">
  260 + <span class="caret"></span>
  261 + </a>
  262 + <ul class="dropdown-menu">
  263 + <li>
  264 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a>
  265 + </li>
  266 + <li class="divider"></li>
  267 + <li>
  268 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()" >{{{a15}}}</a>
  269 + </li>
  270 + <li>
  271 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  272 + </li>
  273 + <li>
  274 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  275 + </li>
  276 + <li>
  277 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  278 + </li>
  279 + <li>
  280 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a>
  281 + </li>
  282 + <li>
  283 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a>
  284 + </li>
  285 + <li>
  286 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  287 + </li>
  288 + <li>
  289 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatísticos</a>
  290 + </li>
  291 + <li><a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
  292 + </li>
  293 + </ul>
  294 + </div>
  295 + <!-- busca tema no catalogo -->
  296 + <div class="form-group label-floating">
  297 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  298 + <div class="input-group">
  299 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  300 + <span class="input-group-btn">
  301 + <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">
  302 + <span class="material-icons md-18">send</span>
  303 + </a>
  304 + </span>
  305 + </div>
  306 + </div>
  307 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
  308 + Nessa funcao ficam tambem os parametros:
  309 + "idOndeMenus": "catalogoMenus",
  310 + "idCatalogoPrincipal": "catalogoPrincipal",
  311 + "idCatalogoNavegacao": "catalogoNavegacao",
  312 + "idOndeMigalha": "catalogoMigalha"
  313 + -->
  314 + <div id="catalogoMenus" data-templateDir="templates/dir.html" data-templateTema="templates/tema.html"></div>
158 315
159 - i3GEO.finaliza = function() {  
160 - if ($i("i3GEOlogoMarca")) {  
161 - $i("i3GEOlogoMarca").style.display = "none";  
162 - }  
163 - i3GEO.mapa.ativaTema("<?php echo strip_tags($_GET["temaEdicao"]); ?>");  
164 - i3GEO.mapa.dialogo.atalhosedicao();  
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; 316 + <div id="arvoreAdicionaTema"></div>
169 317
170 - OpenLayers.ImgPath = "../pacotes/openlayers/img/";  
171 - (function() {  
172 - var eng = new OpenLayers.Layer.ArcGIS93Rest(  
173 - "ESRI National Geographic",  
174 - "http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/export",  
175 - {  
176 - format : "jpeg"  
177 - }, {  
178 - isBaseLayer : true,  
179 - visibility : true,  
180 - attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer">ArcGIS</a>'  
181 - });  
182 - var oce = new OpenLayers.Layer.ArcGIS93Rest(  
183 - "ESRI Ocean Basemap",  
184 - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",  
185 - {  
186 - format : "jpeg"  
187 - }, {  
188 - isBaseLayer : true,  
189 - visibility : false,  
190 - attribution: 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer">ArcGIS</a>'  
191 - });  
192 - var ims = new OpenLayers.Layer.ArcGIS93Rest(  
193 - "ESRI Imagery World 2D",  
194 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",  
195 - {  
196 - format : "jpeg"  
197 - }, {  
198 - isBaseLayer : true,  
199 - visibility : false,  
200 - attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer">ArcGIS</a>'  
201 - });  
202 - var wsm = new OpenLayers.Layer.ArcGIS93Rest(  
203 - "ESRI World Street Map",  
204 - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",  
205 - {  
206 - format : "jpeg"  
207 - }, {  
208 - isBaseLayer : true,  
209 - visibility : false,  
210 - attribution : 'Tiles &copy; <a href="http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer">ArcGIS</a>'  
211 - });  
212 - var bra = new OpenLayers.Layer.WMS(  
213 - "Base carto MMA",  
214 - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",  
215 - {  
216 - layers : "baseraster",  
217 - srs : "EPSG:4618",  
218 - format : "image/png",  
219 - isBaseLayer : false  
220 - }, {  
221 - isBaseLayer : true,  
222 - visibility : false  
223 - }); 318 + <!--
  319 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  320 + config: {
  321 + 'templateDir': 'templates/dir.html',
  322 + 'templateTema': 'templates/tema.html',
  323 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  324 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  325 + 'idOndeMigalha': 'catalogoMigalha'
  326 + }
224 327
225 - var tms = new OpenLayers.Layer.TMS("OSGEO",  
226 - "http://tilecache.osgeo.org/wms-c/Basic.py/", {  
227 - layername : "basic",  
228 - type : "png",  
229 - // set if different than the bottom left of map.maxExtent  
230 - tileOrigin : new OpenLayers.LonLat(-180, -90),  
231 - isBaseLayer : true,  
232 - visibility : false,  
233 - attribution : '&copy; <a href="http://www.tilecache.org/">2006-2010, TileCache Contributors</a>'  
234 - }); 328 + exemplo:
235 329
236 - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ eng, oce, ims, wsm, tms,  
237 - bra ];  
238 - })(); 330 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  331 + -->
239 332
  333 + <!-- servicos da INDE brasileira -->
  334 + <div class="list-group condensed"><div class="row-content text-left">
  335 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  336 + <label style="width: 265px;vertical-align: middle;">
  337 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  338 + <h4>INDE-Br</h4></a>
  339 + <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
  340 + </label>
  341 + </div></div><hr>
  342 + <!-- lista de wms cadastrados no sistema de administracao -->
  343 + <div class="list-group condensed"><div class="row-content text-left">
  344 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  345 + <label style="width: 265px;vertical-align: middle;">
  346 + <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  347 + <h4>OGC-WMS</h4></a>
  348 + <h6>{{{descOgcWms}}}</h6>
  349 + </label>
  350 + </div></div><hr>
  351 + <!-- regioes cadastradas no sistema de metadados -->
  352 + <div class="list-group condensed"><div class="row-content text-left">
  353 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  354 + <label style="width: 265px;vertical-align: middle;">
  355 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  356 + <h4>{{{x87}}}</h4></a>
  357 + <h6>{{{descLimLoc}}}</h6>
  358 + </label>
  359 + </div></div><hr>
  360 + <!-- camadas que vem do sistema de metadados estatisticos -->
  361 + <div class="list-group condensed"><div class="row-content text-left">
  362 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  363 + <label style="width: 265px;vertical-align: middle;">
  364 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  365 + <h4>{{{x57}}}</h4></a>
  366 + <h6>{{{descMeta}}}</h6>
  367 + </label>
  368 + </div></div><hr>
  369 + <!-- mapas cadastrados no sistema de administracao (nao funcional)
  370 + <div class="list-group condensed"><div class="row-content text-left">
  371 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  372 + <label style="width: 265px;vertical-align: middle;">
  373 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
  374 + <h4>{{{x90}}}</h4></a>
  375 + <h6>{{{descMapas}}}</h6>
  376 + </label>
  377 + </div></div><hr>
  378 + -->
  379 + <!-- camadas por estrelas -->
  380 + <div class="list-group condensed"><div class="row-content text-left">
  381 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  382 + <label style="width: 265px;vertical-align: middle;">
  383 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" href="javascript:void(0)">
  384 + <h4>{{{t46}}}</h4></a>
  385 + <h6>{{{descEstrelas}}}</h6>
  386 + </label>
  387 + </div></div><hr>
  388 + <!-- sistemas que adicionam camadas -->
  389 + <div class="list-group condensed"><div class="row-content text-left">
  390 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  391 + <label style="width: 265px;vertical-align: middle;">
  392 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  393 + <h4>{{{a11}}}</h4></a>
  394 + <h6>{{{descSistemas}}}</h6>
  395 + </label>
  396 + </div></div><hr>
  397 + <!-- navegacao em diretorios -->
  398 + <div class="list-group condensed"><div class="row-content text-left">
  399 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-mini" href="javascript:void(0)"><span class="material-icons md-18">folder_open</span></a>
  400 + <label style="width: 265px;vertical-align: middle;">
  401 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  402 + <h4>{{{a6}}}</h4></a>
  403 + <h6>{{{descDir}}}</h6>
  404 + </label>
  405 + </div></div><hr>
  406 + </div>
  407 + </div>
  408 + <!-- Legenda -->
  409 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
  410 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{g3}}}</span>X</div>
  411 + <div id="legendaHtml" data-template="templates/legenda.html" data-size="35,25" style='display: block; text-align: left'></div>
  412 + </div>
  413 + <!-- busca
  414 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  415 + No botao que dispara a busca, ficam os parametros de configuracao
  416 + Esses parametros indicam qual o checkbox que define o tipo de busca, o local onde os dados serao mostrados e o template para formatar o resultado
  417 + -->
  418 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
  419 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>
  420 + <form>
  421 + <div class="form-group label-floating">
  422 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  423 + <div class="input-group">
  424 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  425 + <span class="input-group-btn">
  426 + <a onclick="i3GEO.busca.inicia(this);return false;"
  427 + data-templateGoogle="templates/buscaEmTemas.html"
  428 + data-inputGoogle="[name=google]"
  429 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle"
  430 + data-templateTemasMapa="templates/buscaEmTemas.html"
  431 + data-inputTemasMapa="[name=temasMapa]"
  432 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa"
  433 + data-templateServico="templates/buscaEmServico.html"
  434 + data-ondeConteiner="#guia7obj"
  435 + data-inputOndePalavra="[name=valorBuscaRapida]"
  436 + data-inputServicosExternos="[name=servicosExternos]"
  437 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-mini" href="javascript:void(0)">
  438 + <span class="material-icons md-18">send</span>
  439 + </a>
  440 + </span>
  441 + </div>
  442 + </div>
  443 + <h4>{{{x37}}}:</h4>
  444 + <div class="form-inline" style="width:100%;">
  445 + <div class="list-group condensed">
  446 + <div class="checkbox text-left">
  447 + <label>
  448 + <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos" >
  449 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x38}}}
  450 + </label>
  451 + </div>
  452 + </div>
  453 + <div class="list-group condensed">
  454 + <div class="checkbox text-left">
  455 + <label>
  456 + <input class="noprint" value="on" type="checkbox" name="temasMapa">
  457 + <span class="checkbox-material noprint"><span class="check"></span></span> {{{x39}}}
  458 + </label>
  459 + </div>
  460 + </div>
  461 + <!-- Apenas para a interface google maps
  462 + <div class="list-group condensed">
  463 + <div class="checkbox text-left">
  464 + <label>
  465 + <input class="noprint" value="on" type="checkbox" name="google">
  466 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  467 + </label>
  468 + </div>
  469 + </div>
  470 + -->
  471 + </div>
  472 + </form>
  473 + <hr>
  474 + <div class="i3GEOresultadoBuscaServicos" ></div>
  475 + <div class="i3GEOresultadoBuscaTemasMapa" ></div>
  476 + <div class="i3GEOresultadoBuscaGoogle" ></div>
  477 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  478 + </div>
  479 + <!-- Ferramentas -->
  480 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
  481 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"><span class="pull-left">{{{u15a}}}</span> X</div>
  482 + <div class="form-inline" style="width:100%;">
  483 + <div class="text-center form-group" style="margin:4px;">
  484 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeArea.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  485 + <img style="margin-top:4px;" src="../imagens/gisicons/area-measure.png">
  486 + </a>
  487 + <h6>{{{d21at}}}</h6>
  488 + </div>
  489 + <div class="text-center form-group" style="margin:4px;">
  490 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.medeDistancia.inicia();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  491 + <img style="margin-top:4px;" src="../imagens/gisicons/length-measure.png">
  492 + </a>
  493 + <h6>{{{d21t}}}</h6>
  494 + </div>
  495 + <div class="text-center form-group" style="margin:4px;">
  496 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  497 + <img style="margin-top:4px;" src="../imagens/gisicons/select.png">
  498 + </a>
  499 + <h6>{{{d24t}}}</h6>
  500 + </div>
  501 + <div class="text-center form-group" style="margin:4px;">
  502 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-mini" href="javascript:void(0)">
  503 + <img style="margin-top:4px;" src="../imagens/gisicons/layer-gps.png">
  504 + </a>
  505 + <h6>{{{localiza}}}</h6>
  506 + </div>
  507 + </div>
  508 + <div class="clearfix"></div>
  509 + <hr>
  510 + <div id="migalhaFerramentas" data-template="templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  511 + <div id="listaFerramentasLinks" data-template="templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  512 + <div id="listaFerramentas" data-template="templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
  513 + </div>
  514 + </div>
  515 + </div>
  516 + </div>
  517 + <!-- templates -->
240 518
241 - i3GEO.inicia(); 519 + <!-- para mostrar o banner de abertura, basta ter esse ID -->
  520 + <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
  521 + <div>
  522 + <table>
  523 + <tr>
  524 + <td>
  525 + <div id=versaoi3geo></div>
  526 + <h4 >i3Geo - Software livre para cria&ccedil;&atilde;o de mapas
  527 + interativos e geoprocessamento</h4>
  528 + <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
  529 + Portal do Software P&uacute;blico Brasileiro</h4>
  530 + </td>
  531 + </tr>
  532 + </table>
  533 + <img class="img-thumbnail" src="../imagens/i3Geo_big.png" style="width:50px">
  534 + <img class="img-thumbnail" src="../imagens/mapserv.png" style="width:50px">
  535 + <img class="img-thumbnail" src="../imagens/pspb.png" style="width:50px">
  536 + <div>&nbsp;</div>
  537 + </div>
  538 + </script>
  539 + <script>
  540 + i3GEO.finaliza = function() {
  541 + i3GEO.mapa.ativaTema("<?php echo strip_tags($_GET["temaEdicao"]); ?>");
  542 + i3GEO.mapa.dialogo.atalhosedicao();
  543 + };
  544 + var parametrosMapa = {
  545 + layers: {
  546 + add: ["<?php echo strip_tags($_GET["temaEdicao"]); ?>"],
  547 + on: ["<?php echo strip_tags($_GET["temaEdicao"]); ?>"],
  548 + off: []
  549 + },
  550 + };
  551 + //inicia o mapa
  552 + //Veja tambem config.php
  553 + //
  554 + //o primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes
  555 + //
  556 + i3GEO.init(parametrosMapa);
242 </script> 557 </script>
243 </body> 558 </body>
  559 +
244 </html> 560 </html>
css/i3geo7.css.php 100644 → 100755
js/i3geo_tudo_compacto7.js.php 100644 → 100755
ms_configura.php
@@ -705,7 +705,7 @@ A interface padr&amp;atilde;o &amp;eacute; utilizada quando n&amp;atilde;o &amp;eacute; definida @@ -705,7 +705,7 @@ A interface padr&amp;atilde;o &amp;eacute; utilizada quando n&amp;atilde;o &amp;eacute; definida
705 Tipo: 705 Tipo:
706 {string} 706 {string}
707 */ 707 */
708 -$interfacePadrao = "black_ol.htm"; 708 +$interfacePadrao = "ol.htm";
709 /* 709 /*
710 Variable: customDir 710 Variable: customDir
711 711
ms_criamapa.php
@@ -543,7 +543,7 @@ if (!isset ($map_reference_extent)){ @@ -543,7 +543,7 @@ if (!isset ($map_reference_extent)){
543 } 543 }
544 if(!isset($interface)){ 544 if(!isset($interface)){
545 if(!isset($interfacePadrao)){ 545 if(!isset($interfacePadrao)){
546 - $interfacePadrao = "black_ol.htm"; 546 + $interfacePadrao = "ol.htm";
547 } 547 }
548 $interface = $interfacePadrao; 548 $interface = $interfacePadrao;
549 } 549 }
@@ -649,7 +649,7 @@ adaptaLayers($tmpfname,$versao); @@ -649,7 +649,7 @@ adaptaLayers($tmpfname,$versao);
649 if (file_exists($locaplic."/pacotes/geoip") && file_exists($locaplic."/pacotes/geoip/GeoLiteCity.dat")){ 649 if (file_exists($locaplic."/pacotes/geoip") && file_exists($locaplic."/pacotes/geoip/GeoLiteCity.dat")){
650 require_once(dirname(__FILE__)."/ms_registraip.php"); 650 require_once(dirname(__FILE__)."/ms_registraip.php");
651 } 651 }
652 -//echo $tmpfname;exit; 652 +
653 if ($interface != "mashup"){ 653 if ($interface != "mashup"){
654 abreInterface($interface,$caminho,$tempo); 654 abreInterface($interface,$caminho,$tempo);
655 } 655 }
@@ -715,21 +715,24 @@ function abreInterface($interface,$caminho,$tempo){ @@ -715,21 +715,24 @@ function abreInterface($interface,$caminho,$tempo){
715 $nomeInterface = explode(".",basename($interface)); 715 $nomeInterface = explode(".",basename($interface));
716 //$_SESSION["interface"] = $nomeInterface[0]; 716 //$_SESSION["interface"] = $nomeInterface[0];
717 if (count(explode(".php",$interface)) > 1){ 717 if (count(explode(".php",$interface)) > 1){
718 - if(file_exists($caminho."interface/".$interface))  
719 - {include_once($caminho."interface/".$interface);}  
720 - else  
721 - {include_once($interface);} 718 + if(file_exists($caminho."interface/".$interface)){
  719 + include_once($caminho."interface/".$interface);
  720 + }
722 exit; 721 exit;
723 } 722 }
724 else{ 723 else{
725 - if(file_exists($caminho."interface/".$interface))  
726 - {$urln = $caminho."interface/".$interface."?".session_id();}  
727 - else  
728 - {$urln = $interface."?".session_id();}  
729 - if(!headers_sent())  
730 - {header("Location:".$urln);}  
731 - else  
732 - {echo "<meta http-equiv='refresh' content='0;url=$urln'>";} 724 + if(file_exists($caminho."interface/".$interface)){
  725 + $urln = $caminho."interface/".$interface."?".session_id();
  726 + }
  727 + else{
  728 + $urln = $interface."?".session_id();
  729 + }
  730 + if(!headers_sent()){
  731 + header("Location:".$urln);
  732 + }
  733 + else{
  734 + echo "<meta http-equiv='refresh' content='0;url=$urln'>";
  735 + }
733 } 736 }
734 } 737 }
735 /* 738 /*
@@ -841,43 +844,43 @@ function incluiTemasIniciais(){ @@ -841,43 +844,43 @@ function incluiTemasIniciais(){
841 echo "<br>Problemas com a camada $arqtemp<br>"; 844 echo "<br>Problemas com a camada $arqtemp<br>";
842 } 845 }
843 else{ 846 else{
844 - $maptemp = @ms_newMapObj($arqtemp);  
845 - for($i=0;$i<($maptemp->numlayers);++$i){  
846 - //error_reporting(0);  
847 - $layern = $maptemp->getLayer($i);  
848 - if($layern->type == MS_LAYER_RASTER)  
849 - {$existeraster = true;}  
850 - if ($layern->name == "estadosl"){  
851 - $layern->set("data",$locaplic."/aplicmap/dados/estados.shp");  
852 - }  
853 - $layern->setmetadata("nomeoriginal",$layern->name);  
854 - $nNome = str_replace(".map","",basename($arqtemp));  
855 - $layern->setmetadata("arquivotemaoriginal",$nNome);  
856 - autoClasses($layern,$mapn);  
857 - //  
858 - //necess&aacute;rio para n&atilde;o alterar a extens&atilde;o do mapa por esse par&acirc;metro  
859 - //  
860 - $layern->setmetadata("aplicaextensao","");  
861 - //cria e aplica sld se for wms e existirem classes  
862 - if($layern->classitem != "" && $layern->connectiontype == 7 && $layern->numclasses > 0 && $layern->getmetadata("wms_sld_body") == ""){  
863 - $tipotemp = $layern->type;  
864 - $statustemp = $layern->status;  
865 - $tiporep = $layern->getmetadata("tipooriginal");  
866 - $layern->set("type",MS_LAYER_POLYGON);  
867 - if ($tiporep == "linear")  
868 - {$layern->set("type",MS_LAYER_LINE);}  
869 - if ($tiporep == "pontual")  
870 - {$layern->set("type",MS_LAYER_POINT);}  
871 - $layern->set("status",MS_DEFAULT);  
872 - $sld = $layern->generateSLD();  
873 - if($sld != "")  
874 - $layern->setmetadata("wms_sld_body",str_replace('"',"'",$sld));  
875 - $layern->set("type",$tipotemp);  
876 - $layern->set("status",$statustemp);  
877 - }  
878 - cloneInlineSymbol($layern,$maptemp,$mapn);  
879 - $layerAdicionado = ms_newLayerObj($mapn, $layern);  
880 - corrigeLayerGrid($layern,$layerAdicionado); 847 + $maptemp = @ms_newMapObj($arqtemp);
  848 + for($i=0;$i<($maptemp->numlayers);++$i){
  849 + //error_reporting(0);
  850 + $layern = $maptemp->getLayer($i);
  851 + if($layern->type == MS_LAYER_RASTER)
  852 + {$existeraster = true;}
  853 + if ($layern->name == "estadosl"){
  854 + $layern->set("data",$locaplic."/aplicmap/dados/estados.shp");
  855 + }
  856 + $layern->setmetadata("nomeoriginal",$layern->name);
  857 + $nNome = str_replace(".map","",basename($arqtemp));
  858 + $layern->setmetadata("arquivotemaoriginal",$nNome);
  859 + autoClasses($layern,$mapn);
  860 + //
  861 + //necess&aacute;rio para n&atilde;o alterar a extens&atilde;o do mapa por esse par&acirc;metro
  862 + //
  863 + $layern->setmetadata("aplicaextensao","");
  864 + //cria e aplica sld se for wms e existirem classes
  865 + if($layern->classitem != "" && $layern->connectiontype == 7 && $layern->numclasses > 0 && $layern->getmetadata("wms_sld_body") == ""){
  866 + $tipotemp = $layern->type;
  867 + $statustemp = $layern->status;
  868 + $tiporep = $layern->getmetadata("tipooriginal");
  869 + $layern->set("type",MS_LAYER_POLYGON);
  870 + if ($tiporep == "linear")
  871 + {$layern->set("type",MS_LAYER_LINE);}
  872 + if ($tiporep == "pontual")
  873 + {$layern->set("type",MS_LAYER_POINT);}
  874 + $layern->set("status",MS_DEFAULT);
  875 + $sld = $layern->generateSLD();
  876 + if($sld != "")
  877 + $layern->setmetadata("wms_sld_body",str_replace('"',"'",$sld));
  878 + $layern->set("type",$tipotemp);
  879 + $layern->set("status",$statustemp);
  880 + }
  881 + cloneInlineSymbol($layern,$maptemp,$mapn);
  882 + $layerAdicionado = ms_newLayerObj($mapn, $layern);
  883 + corrigeLayerGrid($layern,$layerAdicionado);
881 } 884 }
882 } 885 }
883 } 886 }
temas/_lbiomashp.map
@@ -6,38 +6,46 @@ MAP @@ -6,38 +6,46 @@ MAP
6 DATA "/var/www/i3geo/aplicmap/dados/biomas.shp" 6 DATA "/var/www/i3geo/aplicmap/dados/biomas.shp"
7 METADATA 7 METADATA
8 "METAESTAT_ID_MEDIDA_VARIAVEL" "" 8 "METAESTAT_ID_MEDIDA_VARIAVEL" ""
  9 + "cache" "sim"
9 "TIP" "CD_LEGENDA" 10 "TIP" "CD_LEGENDA"
10 - "cache" "SIM" 11 + "olopacity" ""
11 "CLASSE" "sim" 12 "CLASSE" "sim"
12 - "temporizador" ""  
13 "permitekmz" "SIM" 13 "permitekmz" "SIM"
14 - "iconetema" "" 14 + "temporizador" ""
  15 + "gmopacity" ""
  16 + "gmstatus" ""
15 "ITENSDESC" "Teste de acentuação" 17 "ITENSDESC" "Teste de acentuação"
16 - "TILES" "SIM"  
17 - "ESCALA" "250000" 18 + "iconetema" ""
18 "editavel" "" 19 "editavel" ""
  20 + "ESCALA" "250000"
  21 + "TILES" "SIM"
19 "METAESTAT_CODIGO_TIPO_REGIAO" "" 22 "METAESTAT_CODIGO_TIPO_REGIAO" ""
  23 + "arquivotemaoriginal" ""
20 "extensao" "-73.990940816816 -33.74827031115 -34.822855820777 5.272224303909" 24 "extensao" "-73.990940816816 -33.74827031115 -34.822855820777 5.272224303909"
  25 + "olstatus" ""
  26 + "nomeoriginal" ""
21 "permitedownload" "SIM" 27 "permitedownload" "SIM"
  28 + "FILTROORIGINAL" ""
22 "permitecomentario" "NAO" 29 "permitecomentario" "NAO"
23 - "escondido" "NAO" 30 + "DATAORIGINAL" ""
  31 + "PLUGINI3GEO" ""
24 "metaestat" "" 32 "metaestat" ""
25 - "download" "SIM" 33 + "escondido" "NAO"
26 "esquematabelaeditavel" "" 34 "esquematabelaeditavel" ""
  35 + "download" "SIM"
27 "itembuscarapida" "CD_LEGENDA" 36 "itembuscarapida" "CD_LEGENDA"
28 - "ITENS" "CD_LEGENDA"  
29 - "arquivodownload" ""  
30 "arquivokmz" "" 37 "arquivokmz" ""
31 - "permitekml" "SIM"  
32 - "permiteogc" "SIM" 38 + "arquivodownload" ""
  39 + "ITENS" "CD_LEGENDA"
33 "transitioneffect" "NAO" 40 "transitioneffect" "NAO"
34 - "convcaracter" "SIM" 41 + "permiteogc" "SIM"
  42 + "permitekml" "SIM"
35 "TEMA" "Biomas shapefile (acentuação)" 43 "TEMA" "Biomas shapefile (acentuação)"
36 - "cortepixels" ""  
37 - "colunaidunico" "" 44 + "convcaracter" "SIM"
38 "colunageometria" "" 45 "colunageometria" ""
  46 + "colunaidunico" ""
  47 + "cortepixels" ""
39 "identifica" "sim" 48 "identifica" "sim"
40 - "aplicaextensao" "NAO"  
41 "tabelaeditavel" "" 49 "tabelaeditavel" ""
42 END # METADATA 50 END # METADATA
43 NAME "_lbiomashp" 51 NAME "_lbiomashp"
@@ -90,7 +98,7 @@ MAP @@ -90,7 +98,7 @@ MAP
90 NAME "AMAZÔNIA" 98 NAME "AMAZÔNIA"
91 EXPRESSION ('[CD_LEGENDA]'eq'AMAZÔNIA') 99 EXPRESSION ('[CD_LEGENDA]'eq'AMAZÔNIA')
92 STYLE 100 STYLE
93 - COLOR 0 177 0 101 + COLOR 16 67 6
94 OUTLINECOLOR 255 255 255 102 OUTLINECOLOR 255 255 255
95 END # STYLE 103 END # STYLE
96 TITLE "" 104 TITLE ""