Download as
Browse Code »

Commit c971b67e031cc3a8916d37505a7faa5cba3acdca

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

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

Showing 6 changed files with 619 additions and 292 deletions   Show diff stats
admin1/black_editor.php
  Diff comments   View file @c971b67
1   -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
  1 +<!DOCTYPE html>
2 2 <html>
3 3 <head>
4 4 <meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
5 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 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 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 97 </div>
113 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 557 </script>
243 558 </body>
  559 +
244 560 </html>
... ...
css/i3geo7.css.php 100644 → 100755
  Diff comments   View file @c971b67
js/i3geo_tudo_compacto7.js.php 100644 → 100755
  Diff comments   View file @c971b67
ms_configura.php
  Diff comments   View file @c971b67
... ... @@ -705,7 +705,7 @@ A interface padr&amp;atilde;o &amp;eacute; utilizada quando n&amp;atilde;o &amp;eacute; definida
705 705 Tipo:
706 706 {string}
707 707 */
708   -$interfacePadrao = "black_ol.htm";
  708 +$interfacePadrao = "ol.htm";
709 709 /*
710 710 Variable: customDir
711 711  
... ...
ms_criamapa.php
  Diff comments   View file @c971b67
... ... @@ -543,7 +543,7 @@ if (!isset ($map_reference_extent)){
543 543 }
544 544 if(!isset($interface)){
545 545 if(!isset($interfacePadrao)){
546   - $interfacePadrao = "black_ol.htm";
  546 + $interfacePadrao = "ol.htm";
547 547 }
548 548 $interface = $interfacePadrao;
549 549 }
... ... @@ -649,7 +649,7 @@ adaptaLayers($tmpfname,$versao);
649 649 if (file_exists($locaplic."/pacotes/geoip") && file_exists($locaplic."/pacotes/geoip/GeoLiteCity.dat")){
650 650 require_once(dirname(__FILE__)."/ms_registraip.php");
651 651 }
652   -//echo $tmpfname;exit;
  652 +
653 653 if ($interface != "mashup"){
654 654 abreInterface($interface,$caminho,$tempo);
655 655 }
... ... @@ -715,21 +715,24 @@ function abreInterface($interface,$caminho,$tempo){
715 715 $nomeInterface = explode(".",basename($interface));
716 716 //$_SESSION["interface"] = $nomeInterface[0];
717 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 721 exit;
723 722 }
724 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 844 echo "<br>Problemas com a camada $arqtemp<br>";
842 845 }
843 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
  Diff comments   View file @c971b67
... ... @@ -6,38 +6,46 @@ MAP
6 6 DATA "/var/www/i3geo/aplicmap/dados/biomas.shp"
7 7 METADATA
8 8 "METAESTAT_ID_MEDIDA_VARIAVEL" ""
  9 + "cache" "sim"
9 10 "TIP" "CD_LEGENDA"
10   - "cache" "SIM"
  11 + "olopacity" ""
11 12 "CLASSE" "sim"
12   - "temporizador" ""
13 13 "permitekmz" "SIM"
14   - "iconetema" ""
  14 + "temporizador" ""
  15 + "gmopacity" ""
  16 + "gmstatus" ""
15 17 "ITENSDESC" "Teste de acentuação"
16   - "TILES" "SIM"
17   - "ESCALA" "250000"
  18 + "iconetema" ""
18 19 "editavel" ""
  20 + "ESCALA" "250000"
  21 + "TILES" "SIM"
19 22 "METAESTAT_CODIGO_TIPO_REGIAO" ""
  23 + "arquivotemaoriginal" ""
20 24 "extensao" "-73.990940816816 -33.74827031115 -34.822855820777 5.272224303909"
  25 + "olstatus" ""
  26 + "nomeoriginal" ""
21 27 "permitedownload" "SIM"
  28 + "FILTROORIGINAL" ""
22 29 "permitecomentario" "NAO"
23   - "escondido" "NAO"
  30 + "DATAORIGINAL" ""
  31 + "PLUGINI3GEO" ""
24 32 "metaestat" ""
25   - "download" "SIM"
  33 + "escondido" "NAO"
26 34 "esquematabelaeditavel" ""
  35 + "download" "SIM"
27 36 "itembuscarapida" "CD_LEGENDA"
28   - "ITENS" "CD_LEGENDA"
29   - "arquivodownload" ""
30 37 "arquivokmz" ""
31   - "permitekml" "SIM"
32   - "permiteogc" "SIM"
  38 + "arquivodownload" ""
  39 + "ITENS" "CD_LEGENDA"
33 40 "transitioneffect" "NAO"
34   - "convcaracter" "SIM"
  41 + "permiteogc" "SIM"
  42 + "permitekml" "SIM"
35 43 "TEMA" "Biomas shapefile (acentuação)"
36   - "cortepixels" ""
37   - "colunaidunico" ""
  44 + "convcaracter" "SIM"
38 45 "colunageometria" ""
  46 + "colunaidunico" ""
  47 + "cortepixels" ""
39 48 "identifica" "sim"
40   - "aplicaextensao" "NAO"
41 49 "tabelaeditavel" ""
42 50 END # METADATA
43 51 NAME "_lbiomashp"
... ... @@ -90,7 +98,7 @@ MAP
90 98 NAME "AMAZÔNIA"
91 99 EXPRESSION ('[CD_LEGENDA]'eq'AMAZÔNIA')
92 100 STYLE
93   - COLOR 0 177 0
  101 + COLOR 16 67 6
94 102 OUTLINECOLOR 255 255 255
95 103 END # STYLE
96 104 TITLE ""
... ...