Download as
Browse Code »

Commit 59cf1a9ec74c09ad8b77fe6001af10c35de5de80

Authored by Edmar Moretti
1 parent 603a7dd2
Exists in master

Revisão das páginas

Showing 5 changed files with 2037 additions and 615 deletions   Show diff stats
acesse.html
  Diff comments   View file @59cf1a9
... ... @@ -15,12 +15,14 @@
15 15 <span style="vertical-align:top">Interface que utiliza o OpenLayers e Open Street Map como base de dados</span>
16 16 </a>
17 17 </p>
  18 + <!--
18 19 <p>
19 20 <a id="carto_gm" href="i3geo/i3geosaude/carto_gm.htm" target="_blank">
20 21 <img title="Google Maps" src="Imagens/carto_gm.png" style="min-width:0px;width: 30px; height: 20px; cursor: pointer; border: 1px solid gray; border-radius: 5px 5px 5px 5px;" />
21 22 <span style="vertical-align:top">Interface que utiliza o Google Maps como mecanismo de navega&ccedil;&atilde;o e base cartogr&aacute;fica</span>
22 23 </a>
23 24 </p>
  25 +
24 26 <p>
25 27 <a id="saiku" href="i3geo/ferramentas/saiku/esquemaxml.php" target="_blank">
26 28 <img title="SAIKU" src="Imagens/saiku_free_small.png" style="min-width:0px;width: 30px; height: 20px; cursor: pointer; border: 1px solid gray; border-radius: 5px 5px 5px 5px;" />
... ... @@ -29,11 +31,12 @@
29 31 </span>
30 32 </a>
31 33 </p>
  34 + -->
32 35 </div>
33 36 <table>
34 37 <tr>
35 38 <td style="width:20%;text-align:left;padding:5px;">
36   - <a href="i3geo/admin/rssmapas.php" target="_blank"> Mapas</a>
  39 + <a href="i3geo/rss/rssmapas.php" target="_blank"> Mapas</a>
37 40 </td>
38 41 <td style="width:80%;padding:5px;text-align:left;">
39 42 Lista (RSS) com os mapas cadastrados
... ... @@ -71,6 +74,7 @@
71 74 Link para a p&aacute;gina inicial com todas as op&ccedil;&otilde;es do sistema de administra&ccedil;&atilde;o.
72 75 </td>
73 76 </tr>
  77 + <!--
74 78 <tr>
75 79 <td style="width:20%;text-align:left;padding:5px;">
76 80 <a href="i3geo/admin/html/estat_variavel.html" target="_blank"> Cadastro principal de vari&aacute;veis </a>
... ... @@ -103,6 +107,7 @@
103 107 Esse &eacute; um gerenciador simplificado que oferece algumas fun&ccedil;&otilde;es de manipula&ccedil;&atilde;o de banco de dados, como copiar uma tabela ou alterar seu nome. Aqui &eacute; poss&iacute;vel tamb&eacute;m fazer o upload de um arquivo &quot;shapefile&quot;, criando assim uma tabela com limites geogr&aacute;ficos que poder&atilde;o servir para georreferenciar os dados estat&iacute;sticos. Utilize essa op&ccedil;&atilde;o para explorar os dados existentes no banco, visualizando os esquemas e tabelas.
104 108 </td>
105 109 </tr>
  110 + -->
106 111 </table>
107 112 </div>
108 113 <h2>Dados inclusos</h2>
... ...
docs/index.html
  Diff comments   View file @59cf1a9
  1 + <h1 style="color:red">Depreciado. Esta documentação corresponde à versão inicial do projeto i3GeoSaúde, mantida aqui para permitir uma futura adaptação ao projeto Mapa da Saúde</h1>
1 2 <h1>Índice</h1>
2 3 <ul>
3 4 <li><a href="index.php?conteudo=fluxograma.html">Fluxograma de processos</a></li>
... ...
hospitais/graficobolhas.php
  Diff comments   View file @59cf1a9
... ... @@ -27,16 +27,34 @@
27 27 <script src="./graficodebolhas/vis_files/modernizr-2.0.6.min.js"></script>
28 28 </head>
29 29 <body>
30   -<table width="100%" cellspacing="0" cellpadding="0" border="0" class="formatasage">
31   - <tr>
32   - <td class="banneresquerda">
33   - <img height="70" src="http://189.28.128.182/i3geo/sage/imagens/img_sala2_esquerda.png">
34   - </td>
35   - <td class="bannerdireita">
36   - <img height="70" src="http://189.28.128.182/i3geo/sage/imagens/img_sage_direita.png">
37   - </td>
38   - </tr>
39   -</table>
  30 +<div id="barra-brasil" style="background:#7F7F7F; height: 32px; padding:0 0 0 10px;display:block;">
  31 + <ul id="menu-barra-temp" style="list-style: inherit;">
  32 + <li style="list-style: inherit;display:inline; float:left;padding-right:10px; margin-right:10px; border-right:1px solid #EDEDED"><a href="http://brasil.gov.br" style="font-family:sans,sans-serif; text-decoration:none; color:white;">Portal do Governo Brasileiro</a></li>
  33 + </ul>
  34 + </div>
  35 + <table background="../Imagens/fundo_topo.png" border="0" cellpadding="0" cellspacing="0" width="100%">
  36 +
  37 + <tr>
  38 + <td background="../Imagens/fundo_topo.png">
  39 + <table background="../Imagens/fundo_topo.png" border="0" cellpadding="0" cellspacing="0" width="100%">
  40 + <tr>
  41 + <td background="../Imagens/fundo_topo.png" colspan="2" align="center" bgcolor="#E5E5E5" valign="bottom">
  42 + <img src="../Imagens/topo.png" usemap="#Map" border="0" height="145" >
  43 + </td>
  44 + </tr>
  45 + </table>
  46 + </td>
  47 + </tr>
  48 + </table>
  49 + <div id="principal">
  50 + <map name="Map">
  51 + <area shape="rect" coords="676,0,800,57" href="../?conteudo=apresentacao.html" />
  52 + <area shape="rect" coords="800,0,903,57" href="../docs/index.php"/>
  53 + <area shape="rect" coords="904,0,1001,57" href="../?conteudo=links.html" />
  54 + <area shape="rect" coords="1002,0,1093,57" href="../?conteudo=acesse.html"/>
  55 + <area shape="rect" coords="1005,86,1089,115" href="http://portalsaude.saude.gov.br/"/>
  56 + </map>
  57 + </div>
40 58 <div class='widecontainer' style="display: none" id='widecontainer'>
41 59 <header>
42 60 <h1>
... ... @@ -230,5 +248,6 @@
230 248  
231 249 </script>
232 250 </body>
  251 +<script defer async src="http://sage.saude.gov.br/lib/barra.php" type="text/javascript"></script>
233 252 </html>
234 253  
... ...
i3geo/i3geosaude/carto_osm.htm
  Diff comments   View file @59cf1a9
1   -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
2   -<html>
3   -<head>
4   -<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
5   -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6   -<title>i3GEO - OpenLayers+OSM</title>
7   -<style>
8   -* {
9   - margin: 0px;
10   - padding: 0px;
11   - border: 0px;
12   -}
13   -
14   -body {
15   - margin: 0;
16   -}
17   -
18   -#barra-brasil {
19   - position: relative;
20   - overflow: hidden;
21   - width: 100%;
22   - background: #004b82;
23   -}
24   -
25   -#barra-brasil-v3 {
26   - position: relative;
27   - clear: both;
28   - overflow: hidden;
29   - width: 100%;
30   - height: 28px;
31   - background: #004b82;
32   -}
33   -
34   -#barra-brasil-v3 span .imagemGov {
35   - position: relative;
36   - top: 4px;
37   - left: 78%;
38   - height: 24px;
39   - width: 160px;
40   - float: left;
41   -}
42   -
43   -#barra-brasil-v3 span .acessoInformacao {
44   - position: relative;
45   - top: 4px;
46   - left: 76%;
47   - height: 24px;
48   - width: 160px;
49   - float: left;
50   -}
51   -
52   -#barra-brasil-v3 span .imagemGov a {
53   - float: left;
54   -}
55   -
56   -#barra-brasil-v3 span .brasilgov {
57   - width: 100px;
58   - height: 24px;
59   - float: left;
60   - display: block;
61   - position: relative;
62   - border: 0 !important;
63   -}
64   -
65   -#barra-brasil-v3 span .ai {
66   - position: absolute;
67   - width: 161px;
68   - height: 28px;
69   - left: 63%;
70   -}
71   -
72   -#barra-brasil-v3 span {
73   - display: block;
74   - width: 100%;
75   - height: 28px;
76   - background: url(../../barragoverno/barra-brasil-v3-bgx.gif) 0 bottom
77   - repeat-x;
78   -}
79   -</style>
80   -
81   -</head>
82   -<body id="i3geo" style='margin-left: 7px; background: white;'>
83   - <img style="left: 10px;position: absolute;top: 5px;width: 70px;; z-index: 51000;" src="../../Imagens/novaMarcaLogo.png">
84   -
85   - <!-- inclui o nome do usuario logado -->
86   - <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
87   - <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
88   - <tr style="border: 0px">
89   - <td>
90   - <div class="barra_gov">
91   - <div id='barra-brasil'>
92   - <div id='barra-brasil-v3'>
93   - <span>
94   - <div class='acessoInformacao'>
95   - <a href='http://www.acessoainformacao.gov.br' target='_blank' title='Acesso &agrave; Informa&ccedil;&atilde;o'> <img src='../../barragoverno/ai.png'>
96   - </a>
97   - </div>
98   - <div class='imagemGov'>
99   - <a href='http://www.brasil.gov.br' target='_blank' title='Portal de Estado do Brasil'> <img src='../../barragoverno/brasil.png'>
100   - </a>
101   - </div>
102   - </span>
103   - </div>
104   - </div>
105   - </div>
106   - </td>
107   - </tr>
108   -
109   - <tr>
110   - <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
111   - <!--menu suspenso-->
112   - <div id="menus" style="height: 0px;"></div>
113   - </td>
114   - </tr>
115   - <tr>
116   - <td style="vertical-align: top; border-width: 0px;">
117   - <table width="100%" style="vertical-align: top; border-width: 0px">
118   - <tr>
119   - <td class=verdeclaro id=contemImg>
120   - <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>
121   - </td>
122   - </tr>
123   - </table>
124   - </td>
125   - </tr>
126   - <tr>
127   - <td>
128   - <table style="width: 100%; height: 28px">
129   - <tr>
130   - <td class=fundoRodape style="width: 15%">
131   - <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
132   - <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>
133   - </td>
134   - <td class=fundoRodape style="width: 5%"></td>
135   - <td class=fundoRodape style="width: 60%">
136   - <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
137   - <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>
138   - </td>
139   - <td class=fundoRodape style="width: 15%">
140   - <!-- bot&atilde;o de compartilhamento em redes sociais-->
141   - <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
142   - </td>
143   - <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
144   - <td class=fundoRodape style="width: 5%;">
145   - </td>
146   - </tr>
147   - </table>
148   - </td>
149   - </tr>
150   - </table>
151   - <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
152   - <tr>
153   - <td><div id=versaoi3geo></div>
154   - <h2 style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2>
155   - <h3 style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
156   - </tr>
157   - <tr>
158   - <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>
159   - </tr>
160   - <tr>
161   - <td>
162   - <!--
163   - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
164   - -->
165   - </td>
166   - </tr>
167   - </table>
168   -
169   - <div id="i3GEOguiaMovel" style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none">
170   - <img id="i3GEOguiaMovelPuxador" onclick='i3GEO.guias.guiaMovel.abreFecha()' style='z-index: 2; border: solid 0px white; left: 0px; position: absolute; top: 0px' width='0px' src='../imagens/openbars.png'>
171   - <div id="i3GEOguiaMovelMolde" style="box-shadow: -2px 0 2px gray; border-radius: 5px 0px 0px 5px; position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray">
172   - <div id="i3GEOguiaMovelIcones" style='overflow: none; left: 0px; display: none; position: absolute; top: 0px; text-align: center; height: 0px; width: 0px; border: solid 0px white; background-color: white'></div>
173   - <div id="i3GEOguiaMovelConteudo" style='overflow: auto; display: none; position: absolute; border-color: gray; border-width: 0px 0 0px 0px; left: 0px; height: 0px; background-color: white'>
174   - <div id='guia1obj' style='display: none;'>
175   - <!-- 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 -->
176   - <div style='left: 5px; top: 10px;' id=buscaRapida></div>
177   - <!-- Esta div acrescenta a lista de propriedades do mapa -->
178   - <div id=listaPropriedades style='top: 15px;'></div>
179   - <!-- Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
180   - <div id=listaLayersBase style='top: 15px;'></div>
181   - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
182   - <div id=listaTemas style='top: 15px;'></div>
183   - </div>
184   - <div id='guia2obj' style='display: none;'>
185   - Aguarde...<img alt="" src="../imagens/branco.gif" width=248 />
186   - </div>
187   - <div id='guia4obj' style='display: none; text-align: left'>
188   - <div id='legenda' style='text-align: left'></div>
189   - </div>
190   - <div id='guia5obj' style='display: none; text-align: left'>
191   - <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div>
192   - </div>
193   - </div>
194   - </div>
195   - </div>
196   - <script src="../classesjs/i3geo.js"></script>
197   - <script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
198   - <script id="i3GEOF.metaestat_script" src="../ferramentas/metaestat/index.js"></script>
199   -
200   - <link rel="stylesheet" type="text/css" href="../css/black.css">
201   -<style>
202   -.olControlEditingToolbar1 div {
203   -top:10px;
204   -}
205   -</style>
206   - <script>
207   - i3GEO.configura.locaplic = i3GEO.util.protocolo() + "://"
208   - + window.location.host + "/i3geo";
209   - i3GEO.configura.autotamanho = false;
210   - i3GEO.Interface.ATUAL = "openlayers";
211   - i3GEO.Interface.IDCORPO = "contemImg";
212   - i3GEO.Interface.openlayers.TILES = true;
213   - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
214   - i3GEO.configura.oMenuData.submenus["interface"] = [
215   - { id:"omenudataInterface0a",text: '<span style=color:gray;text-decoration:underline; ><b>'+$trad("d27")+'</b></span>',url: "#"},
216   - { id:"omenudataInterface2",text: "OpenLayers", url: "javascript:window.location = i3GEO.configura.locaplic+'/interface/black_ol.htm?'+i3GEO.configura.sid" },
217   - { id:"omenudataInterface2a",text: "OpenLayers OSM", url: "javascript:window.location = i3GEO.configura.locaplic+'/interface/black_osm.htm?'+i3GEO.configura.sid" },
218   - { id:"omenudataInterface4",text: "Google Maps", url: "javascript:window.location = i3GEO.configura.locaplic+'/interface/black_gm.phtml?'+i3GEO.configura.sid" },
219   - { id:"omenudataInterface5",text: "Google Earth", url: "javascript:window.location = i3GEO.configura.locaplic+'/interface/googleearth.phtml?'+i3GEO.configura.sid" },
220   - { id:"omenudataInterface0b",text: '<span style=color:gray;text-decoration:underline; ><b>'+$trad("u27")+'</b></span>',url: "#"},
221   - { id:"omenudataInterface6",text: $trad("u21"), url: "javascript:var w = window.open(i3GEO.configura.locaplic+'/geradordelinks.htm')" },
222   - { id:"omenudataInterface7",text: "Servi&ccedil;os WMS", url: "javascript:var w = window.open(i3GEO.configura.locaplic+'/ogc.htm')" },
223   - { id:"omenudataInterface9",text: "Download de dados", url: "javascript:var w = window.open(i3GEO.configura.locaplic+'/datadownload.htm')" },
224   - { id:"omenudataInterface11",text: $trad("p20"), url: "javascript:i3GEO.mapa.dialogo.telaRemota()" }
225   - ];
226   - i3GEO.configura.diminuiyN = 110;
227   - i3GEO.configura.diminuiyM = 110;
228   - i3GEO.cria();
229   - i3GEO.configura.mapaRefDisplay = "none";
230   - i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
231   - i3GEO.barraDeBotoes.OFFSET = 20;
232   - i3GEO.idioma.MOSTRASELETOR = false;
233   - i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
234   - i3GEO.ajuda.ATIVAJANELA = false;
235   - i3GEO.idioma.IDSELETOR = "seletorIdiomas";
236   - i3GEO.Interface.ATIVAMENUCONTEXTO = false;
237   - i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
238   - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
239   - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
240   - i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
241   - i3GEO.mapa.AUTORESIZE = true;
242   - i3GEO.guias.TIPO = "movel";
243   - i3GEO.guias.guiaMovel.config.topGuiaMovel = 64;
244   - i3GEO.janela.ativaAlerta();
245   - i3GEO.finaliza = function() {
246   - if ($i("i3GEOlogoMarca")) {
247   - $i("i3GEOlogoMarca").style.display = "none";
248   - }
249   - i3GEO.mapa.insereDobraPagina("googlemaps",
250   - "../imagens/dobragooglemaps.png");
251   - };
252   - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
253   - i3GEO.janela.TRANSICAOSUAVE = true;
254   - OpenLayers.ImgPath = "../pacotes/openlayers/img/";
255   - (function() {
256   - //http://maps.stamen.com/#watercolor/12/37.7706/-122.3782
257   - var aquarela = new OpenLayers.Layer.OSM("Aquarela",
258   - "http://tile.stamen.com/watercolor/${z}/${x}/${y}.jpg", {
259   - isBaseLayer : true,
260   - visibility : true
261   - });
262   - var osm = new OpenLayers.Layer.OSM("OSM",
263   - "http://tile.openstreetmap.org/${z}/${x}/${y}.png", {
264   - isBaseLayer : true,
265   - visibility : false
266   - });
267   - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [ osm, aquarela ];
268   - })();
269   - i3GEO.Interface.openlayers.googleLike = true;
270   - //redefine a funcao onclique do botao localizar da barra de ferramentas
271   - i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function() {
272   - i3GEO.mapa.dialogo.locregiao();
273   - };
274   - i3GEO.inicia();
275   - //parametros especificos dos cartogramas
276   - //ver i3geo/ferramentas/metaestat
277   - i3GEOF.metaestat.INTERFACE = "flutuante";
278   - i3GEOF.metaestat.CONEXAODEFAULT = 1;
279   - i3GEOF.metaestat.TOP = 75;
280   - i3GEOF.metaestat.LEFT = 100;
281   - i3GEOF.metaestat.MULTIPARAMETROS = true;
282   - i3GEOF.metaestat.inicia();
283   -
284   - //verifica se o usuario ja escolheu a regiao de interesse
285   - var temp = i3GEO.util.pegaCookie("i3geoUltimaExtensao");
286   - if (!temp) {
287   - i3GEO.janela.tempoMsg("Escolha a regi&atilde;o de seu interesse");
288   - i3GEO.mapa.dialogo.locregiao();
289   - }
290   - </script>
291   -</body>
292   -</html>
  1 +<!DOCTYPE html>
  2 +<html lang="pt-br">
  3 +<head>
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
  7 +<title>i3GEO - OpenLayers</title>
  8 +<script src="../pacotes/ol4/ol.js"></script>
  9 +<script src="../js/i3geonaocompacto.js"></script>
  10 +<!-- lista com os links que serao mostrados na guia ferramentas -->
  11 +<script src="../js/listaDeFerramentas.js"></script>
  12 +<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
  13 +<script src="config.php?tipo=OSM"></script>
  14 +<link rel="stylesheet" type="text/css" href="../pacotes/ol4/ol.css">
  15 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
  16 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
  17 +<!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">-->
  18 +<!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
  19 +<link rel="stylesheet" type="text/css" href="../css/default.css">
  20 +<style>
  21 +.ol-attribution.ol-uncollapsible {
  22 + height: 2.1em;
  23 + right: 24px;
  24 + background: none;
  25 + margin-bottom: 15px;
  26 +}
  27 +
  28 +.foraDoMapa+span>span {
  29 + background-color: yellow;
  30 +}
  31 +#barra-brasil{
  32 + width:100%;
  33 +}
  34 +#i3GEOguiaMovel {
  35 + position: absolute;
  36 + display: block;
  37 + border: 0px solid white;
  38 + text-align: left;
  39 + z-index: 20000;
  40 + left: auto;
  41 + right: 2px;
  42 + top: 35px;
  43 + width: 380px;
  44 +}
  45 +.ol-zoom {
  46 + top: 40px;
  47 + font-size: 1.8rem;
  48 + position: fixed;
  49 +}
  50 +.ol-i3GEOcontrols {
  51 + top: 40px;
  52 + left: 3.5em;
  53 + width: auto;
  54 + font-size: 1.8rem;
  55 +}
  56 +.ol-touch .ol-zoomslider, .ol-zoomslider {
  57 + top: 8.2em;
  58 + font-size: 1.8rem;
  59 + position: fixed;
  60 +}
  61 +.ol-scale-line {
  62 + bottom: 5em;
  63 +}
  64 +.ol-attribution {
  65 + text-align: right;
  66 + bottom: 35px;
  67 + right: .5em;
  68 + max-width: calc(100% - 1.3em);
  69 +}
  70 +</style>
  71 +</head>
  72 +<!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
  73 + Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
  74 + -->
  75 +<body id="i3geo" style='background: white;'>
  76 + <div id="barra-brasil" style="background:#7F7F7F; height: 32px; padding:0 0 0 10px;display:block;">
  77 + <ul id="menu-barra-temp" style="list-style:none;">
  78 + <li style="display:inline; float:left;padding-right:10px; margin-right:10px; border-right:1px solid #EDEDED"><a href="http://brasil.gov.br" style="font-family:sans,sans-serif; text-decoration:none; color:white;">Portal do Governo Brasileiro</a></li>
  79 + </ul>
  80 + </div>
  81 + <!-- inclui o nome do usuario logado
  82 + <div id="i3GEONomeLogin"
  83 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  84 + -->
  85 + <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
  86 + Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
  87 + -->
  88 + <div id="mapai3Geo"></div>
  89 + <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
  90 + <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
  91 + <input id='i3GEOescalanum' type='text' name='' value='' size='10' title=''>
  92 + </form>
  93 +
  94 + <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
  95 + <div class="localizarxy fundoRodape hidden-xs hidden-sm">
  96 + <div class="i3GeoMascaraCoord" style="display: block;">
  97 + <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
  98 + <option>DMS:</option>
  99 + <option value="janela">janela</option>
  100 + <option value="geoProj">DMS</option>
  101 + <option value="dd">Dec. de grau</option>
  102 + <option value="geohash">GeoHash</option>
  103 + <option value="policonicaSad69">Polic SAD-69</option>
  104 + <option value="utmSad69Proj">UTM Sad-69</option>
  105 + <option value="utmSirgas2000Proj">UTM Sirgas</option>
  106 + </select>
  107 + </div>
  108 + <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
  109 + X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  110 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
  111 + type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
  112 + id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  113 + </div>
  114 + <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
  115 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  116 + </div>
  117 + <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
  118 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
  119 + onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  120 + </div>
  121 + <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
  122 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
  123 + type="text">
  124 + </div>
  125 + <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
  126 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
  127 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  128 + </div>
  129 + <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
  130 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
  131 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  132 + </div>
  133 + </div>
  134 + <!-- barra de icones de navegacao -->
  135 + <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
  136 + <button title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
  137 + <!--<img style="width:20px;" src="../imagens/gisicons/projection.png">-->
  138 + <i class="material-icons">public</i>
  139 + </button>
  140 + <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
  141 + <!--<img style="width:20px;" src="../imagens/gisicons/zoom-region.png">-->
  142 + <i class="material-icons">zoom_in</i>
  143 + </button>
  144 + <br>
  145 + <button title="{{{volta}}}" onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
  146 + <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">-->
  147 + <i class="material-icons">undo</i>
  148 + </button>
  149 + <button title="{{{avanca}}}" onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
  150 + <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">-->
  151 + <i class="material-icons">redo</i>
  152 + </button>
  153 + <br>
  154 + <button title="{{{graticule}}}" onclick="i3GEO.Interface.grade()" style="float: left;">
  155 + <!--<img style="width:16px;" src="../imagens/gisicons/graticule.png">-->
  156 + <i class="material-icons">grid_on</i>
  157 + </button>
  158 + <button class="hidden-xs hidden-sm" title="{{{x79}}}" data-template="../interface/templates/ferramentasSend.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
  159 + <!--<img style="width:20px;" src="../imagens/gisicons/save1.png">-->
  160 + <i class="material-icons">bookmark_border</i>
  161 + </button>
  162 + <br>
  163 + <button class="hidden-xs hidden-sm" title="{{{d9}}}" onclick="i3GEO.maparef.inicia()" style="float: left;">
  164 + <!--<img style="width:20px;" src="../imagens/gisicons/map-reference.png">-->
  165 + <i class="material-icons">picture_in_picture</i>
  166 + </button>
  167 + </div>
  168 + <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
  169 + <div id="i3GEOprogressoCamadas" class="progress" style="display: block; position: absolute; top: 0px; height: 5px; width: 0%; margin: auto;">
  170 + <div class="progress-bar progress-bar-striped active" role="progressbar" style="width: 100%"></div>
  171 + </div>
  172 + <!--barra de aguarde id="i3GEObarraAguarde" -->
  173 + <div id="i3GEObarraAguarde" class="progress" style="display: block; position: absolute; top: 0px; height: 5px; width: 0%; margin: auto;">
  174 + <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width: 100%"></div>
  175 + </div>
  176 + <!-- mensagem de copyright -->
  177 + <div id="i3GEOcopyright">i3Geo</div>
  178 + <!-- botoes laterais que abrem guias moveis -->
  179 + <div id="i3GEOguiaMovel">
  180 + <!-- configuracao para todos os botoes
  181 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  182 + -->
  183 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
  184 + <!-- ferramentas
  185 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  186 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  187 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  188 + -->
  189 + <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  190 + <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  191 + <i class="material-icons">business_center</i>
  192 + </button>
  193 + </div>
  194 + <!-- temas existentes no mapa
  195 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  196 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  197 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  198 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  199 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  200 + -->
  201 + <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
  202 + style="margin-top: 3px;">
  203 + <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  204 + <i class="material-icons"><i class="material-icons">visibility</i></i>
  205 + </button>
  206 + </div>
  207 + <!-- catalogo de adicao de temas ao mapa
  208 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  209 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  210 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  211 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
  212 +
  213 + Variaveis javascript:
  214 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  215 + -->
  216 + <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
  217 + data-idMenus="catalogoMenus" style="margin-top: 3px;">
  218 + <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  219 + <i class="material-icons">layers</i>
  220 + </button>
  221 + </div>
  222 + <!-- legenda -->
  223 + <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  224 + <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  225 + <i class="material-icons">view_list</i>
  226 + </button>
  227 + </div>
  228 + <!-- Busca -->
  229 + <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  230 + <button class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  231 + <i class="material-icons">search</i>
  232 + </button>
  233 + </div>
  234 + <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;">
  235 + <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  236 + <i class="material-icons">location_on</i>
  237 + </button>
  238 + </div>
  239 + <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
  240 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  241 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  242 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  243 + </button>
  244 + </div>
  245 + -->
  246 + </div>
  247 + <!-- veja i3GEO.guias.CONFIGURA -->
  248 + <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
  249 + <!-- se height nao estiver definido sera utilizada a altura do mapa -->
  250 + <div id="i3GEOguiaMovelMolde">
  251 + <div id="i3GEOguiaMovelConteudo">
  252 + <!-- camadas existentes no mapa -->
  253 + <div id='guia1obj' data-traduzir="true" style='display: none;'>
  254 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
  255 + <button>
  256 + <span class="pull-left">{{{iconeMapa}}}</span>
  257 + <span class="pull-right material-icons">cancel</span>
  258 + </button>
  259 + </div>
  260 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  261 + <div class="guiaOverflow">
  262 + <div class="list-group condensed noprint">
  263 + <label>{{{opcoes}}}</label>
  264 + <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
  265 + data-toggle="collapse"> </a>
  266 + <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
  267 + <p>
  268 + <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
  269 + </p>
  270 + <p>
  271 + <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>
  272 + </p>
  273 + <p>
  274 + <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>
  275 + </p>
  276 + <p>
  277 + <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>
  278 + </p>
  279 + <p>
  280 + <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>
  281 + </p>
  282 + <p>
  283 + <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>
  284 + </p>
  285 + <p>
  286 + <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>
  287 + </p>
  288 + <p>
  289 + <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>
  290 + </p>
  291 + <p>
  292 + <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
  293 + </p>
  294 + </div>
  295 + </div>
  296 + <hr>
  297 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  298 + <div id="listaTemas" style="overflow: none;" data-template="../interface/templates/camada.html"></div>
  299 + <!-- Esta div acrescenta a lista de de camadas de fundo
  300 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  301 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  302 + no programa interface/config.php
  303 + -->
  304 + <div class="list-group condensed">
  305 + <label>{{{camadasDeFundo}}}</label>
  306 + <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
  307 + data-toggle="collapse"> </a>
  308 + <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
  309 + <form>
  310 + <div id="listaFundo" class="form-group" data-template="../interface/templates/camadaFundo.html"></div>
  311 + </form>
  312 + </div>
  313 + </div>
  314 + </div>
  315 + </div>
  316 + <!-- Catalogo de temas -->
  317 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
  318 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
  319 + <button>
  320 + <span class="pull-left">{{{iconeCatalogo}}}</span>
  321 + <span class="pull-right material-icons">cancel</span>
  322 + </button>
  323 + </div>
  324 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  325 + <div class="guiaOverflow">
  326 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  327 + <div id="catalogoMigalha" data-template="../interface/templates/catalogoMigalha.html"></div>
  328 + <div id="catalogoNavegacao"></div>
  329 + <!-- Opcoes -->
  330 + <div id="catalogoPrincipal">
  331 + <div class="list-group condensed noprint">
  332 + <label>{{{opcoes}}}</label>
  333 + <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
  334 + data-toggle="collapse"> </a>
  335 + <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
  336 + <p>
  337 + <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
  338 + </p>
  339 + <p>
  340 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
  341 + </p>
  342 + <li class="divider"></p>
  343 + <p>
  344 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
  345 + </p>
  346 + <p>
  347 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  348 + </p>
  349 + <p>
  350 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  351 + </p>
  352 + <p>
  353 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  354 + </p>
  355 + <p>
  356 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
  357 + </p>
  358 + <p>
  359 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
  360 + </p>
  361 + <p>
  362 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  363 + </p>
  364 + <p>
  365 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
  366 + </p>
  367 + <p>
  368 + <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
  369 + </p>
  370 + </div>
  371 + </div>
  372 + <hr>
  373 + <!-- busca tema no catalogo
  374 + <div class="form-group label-floating">
  375 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  376 + <div class="input-group">
  377 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  378 + <span class="input-group-btn">
  379 + <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  380 + <span class="material-icons ">send</span>
  381 + </a>
  382 + </span>
  383 + </div>
  384 + </div>
  385 + -->
  386 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
  387 + Nessa funcao ficam tambem os parametros:
  388 + "idOndeMenus": "catalogoMenus",
  389 + "idCatalogoPrincipal": "catalogoPrincipal",
  390 + "idCatalogoNavegacao": "catalogoNavegacao",
  391 + "idOndeMigalha": "catalogoMigalha"
  392 + -->
  393 + <div id="catalogoMenus" data-templateDir="../interface/templates/dir.html" data-templateTema="../interface/templates/tema.html"></div>
  394 +
  395 + <div id="arvoreAdicionaTema"></div>
  396 +
  397 + <!--
  398 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  399 + config: {
  400 + 'templateDir': 'templates/dir.html',
  401 + 'templateTema': 'templates/tema.html',
  402 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  403 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  404 + 'idOndeMigalha': 'catalogoMigalha'
  405 + }
  406 +
  407 + exemplo:
  408 +
  409 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  410 + -->
  411 +
  412 + <!-- servicos da INDE brasileira -->
  413 + <div class="list-group condensed">
  414 + <div class="row-content text-left">
  415 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  416 + <span class="material-icons ">folder_open</span>
  417 + </a>
  418 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  419 + <h4>INDE-Br</h4>
  420 + </a>
  421 + <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
  422 + </label>
  423 + </div>
  424 + </div>
  425 + <hr>
  426 + <!-- lista de wms cadastrados no sistema de administracao -->
  427 + <div class="list-group condensed">
  428 + <div class="row-content text-left">
  429 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  430 + <span class="material-icons ">folder_open</span>
  431 + </a>
  432 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  433 + <h4>OGC-WMS</h4>
  434 + </a>
  435 + <h6>{{{descOgcWms}}}</h6>
  436 + </label>
  437 + </div>
  438 + </div>
  439 + <hr>
  440 + <!-- regioes cadastradas no sistema de metadados -->
  441 + <div class="list-group condensed">
  442 + <div class="row-content text-left">
  443 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  444 + <span class="material-icons ">folder_open</span>
  445 + </a>
  446 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  447 + <h4>{{{x87}}}</h4>
  448 + </a>
  449 + <h6>{{{descLimLoc}}}</h6>
  450 + </label>
  451 + </div>
  452 + </div>
  453 + <hr>
  454 + <!-- camadas que vem do sistema de metadados estatisticos -->
  455 + <div class="list-group condensed">
  456 + <div class="row-content text-left">
  457 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  458 + <span class="material-icons ">folder_open</span>
  459 + </a>
  460 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  461 + <h4>{{{x57}}}</h4>
  462 + </a>
  463 + <h6>{{{descMeta}}}</h6>
  464 + </label>
  465 + </div>
  466 + </div>
  467 + <hr>
  468 + <!-- mapas cadastrados no sistema de administracao (nao funcional)
  469 + <div class="list-group condensed"><div class="row-content text-left">
  470 + <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-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  471 + <label style="width: 255px;vertical-align: middle;">
  472 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
  473 + <h4>{{{x90}}}</h4></a>
  474 + <h6>{{{descMapas}}}</h6>
  475 + </label>
  476 + </div></div><hr>
  477 + -->
  478 + <!-- camadas por estrelas -->
  479 + <div class="list-group condensed">
  480 + <div class="row-content text-left">
  481 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  482 + <span class="material-icons ">folder_open</span>
  483 + </a>
  484 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
  485 + href="javascript:void(0)">
  486 + <h4>{{{t46}}}</h4>
  487 + </a>
  488 + <h6>{{{descEstrelas}}}</h6>
  489 + </label>
  490 + </div>
  491 + </div>
  492 + <hr>
  493 + <!-- sistemas que adicionam camadas -->
  494 + <div class="list-group condensed">
  495 + <div class="row-content text-left">
  496 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  497 + <span class="material-icons ">folder_open</span>
  498 + </a>
  499 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  500 + <h4>{{{a11}}}</h4>
  501 + </a>
  502 + <h6>{{{descSistemas}}}</h6>
  503 + </label>
  504 + </div>
  505 + </div>
  506 + <hr>
  507 + <!-- navegacao em diretorios -->
  508 + <div class="list-group condensed">
  509 + <div class="row-content text-left">
  510 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  511 + <span class="material-icons ">folder_open</span>
  512 + </a>
  513 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  514 + <h4>{{{a6}}}</h4>
  515 + </a>
  516 + <h6>{{{descDir}}}</h6>
  517 + </label>
  518 + </div>
  519 + </div>
  520 + <hr>
  521 + </div>
  522 + </div>
  523 + </div>
  524 + <!-- Legenda -->
  525 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
  526 + <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
  527 + <button>
  528 + <span class="pull-left">{{{iconeLegenda}}}</span>
  529 + <span class="pull-right material-icons">cancel</span>
  530 + </button>
  531 + </div>
  532 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  533 + <div class="guiaOverflow">
  534 + <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
  535 + <div id="legendaHtml" data-template="../interface/templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
  536 + </div>
  537 + </div>
  538 + <!-- busca
  539 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  540 + No botao que dispara a busca, ficam os parametros de configuracao
  541 + 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
  542 + -->
  543 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
  544 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
  545 + <button>
  546 + <span class="pull-left">{{{t23}}}</span>
  547 + <span class="pull-right material-icons">cancel</span>
  548 + </button>
  549 + </div>
  550 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  551 + <div class="guiaOverflow">
  552 + <form onSubmit="return false;">
  553 + <div class="form-group label-floating">
  554 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  555 + <div class="input-group">
  556 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  557 + <span class="input-group-btn">
  558 + <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="../interface/templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
  559 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="../interface/templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
  560 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="../interface/templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
  561 + data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
  562 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  563 + <span class="material-icons ">send</span>
  564 + </a>
  565 + </span>
  566 + </div>
  567 + </div>
  568 + <h4>{{{x37}}}:</h4>
  569 + <div class="form-inline" style="width: 100%;">
  570 + <div class="list-group condensed">
  571 + <div class="checkbox text-left">
  572 + <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
  573 + </label>
  574 + </div>
  575 + </div>
  576 + <div class="list-group condensed">
  577 + <div class="checkbox text-left">
  578 + <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
  579 + </label>
  580 + </div>
  581 + </div>
  582 + <!-- Apenas para a interface google maps
  583 + <div class="list-group condensed">
  584 + <div class="checkbox text-left">
  585 + <label>
  586 + <input class="noprint" value="on" type="checkbox" name="google">
  587 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  588 + </label>
  589 + </div>
  590 + </div>
  591 + -->
  592 + </div>
  593 + </form>
  594 + <hr>
  595 + <div class="i3GEOresultadoBuscaServicos"></div>
  596 + <div class="i3GEOresultadoBuscaTemasMapa"></div>
  597 + <div class="i3GEOresultadoBuscaGoogle"></div>
  598 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  599 + </div>
  600 + </div>
  601 + <!-- Ferramentas -->
  602 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
  603 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
  604 + <button>
  605 + <span class="pull-left">{{{iconeFerramentas}}}</span>
  606 + <span class="pull-right material-icons">cancel</span>
  607 + </button>
  608 + </div>
  609 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  610 + <div class="guiaOverflow">
  611 + <div class="form-inline" style="width: 100%;">
  612 + <div class="text-center form-group" style="margin: 4px;">
  613 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  614 + <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
  615 + </a>
  616 + <h6>{{{d21at}}}</h6>
  617 + </div>
  618 + <div class="text-center form-group" style="margin: 4px;">
  619 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  620 + <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
  621 + </a>
  622 + <h6>{{{d21t}}}</h6>
  623 + </div>
  624 + <div class="text-center form-group" style="margin: 4px;">
  625 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  626 + <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
  627 + </a>
  628 + <h6>{{{d24t}}}</h6>
  629 + </div>
  630 + <div class="text-center form-group" style="margin: 4px;">
  631 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  632 + <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
  633 + </a>
  634 + <h6>{{{localiza}}}</h6>
  635 + </div>
  636 + </div>
  637 + <div class="clearfix"></div>
  638 + <hr>
  639 + <div id="migalhaFerramentas" data-template="../interface/templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  640 + <div id="listaFerramentasLinks" data-template="../interface/templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  641 + <div id="listaFerramentas" data-template="../interface/templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
  642 + </div>
  643 + </div>
  644 + </div>
  645 + </div>
  646 + </div>
  647 +
  648 +
  649 +
  650 +
  651 + <!-- para mostrar o banner de abertura -->
  652 + <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
  653 + <div>
  654 + <table>
  655 + <tr>
  656 + <td>
  657 + <h4 >i3GeoSa&uacute;de - Software livre para cria&ccedil;&atilde;o de mapas
  658 + interativos e geoprocessamento</h4>
  659 + <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
  660 + Portal do Software P&uacute;blico Brasileiro</h4>
  661 + </td>
  662 + </tr>
  663 + </table>
  664 +
  665 + <img class="img-thumbnail" src="../../Imagens/novaMarcaLogo.png" style="width:50px">
  666 +
  667 + <div>&nbsp;</div>
  668 + </div>
  669 + </script>
  670 + <script>
  671 + //ativa o banner de inicializacao
  672 + i3GEO.janela.tempoMsg(
  673 + $i("i3GEOlogoMarcaTemplate").innerHTML, 4000);
  674 + (function() {
  675 + //parametros aplicados na criacao do arquivo mapfile
  676 + var parametrosMapa = {
  677 + //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
  678 + //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
  679 + mapfilebase : "",
  680 + //extensao geografica do mapa
  681 + //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
  682 + //exemplo [-77,-26,-30,6]
  683 + mapext : [],
  684 + //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
  685 + perfil : "",
  686 + //layers que serao adicionados ao mapa.
  687 + //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
  688 + layers : {
  689 + //array com a lista dos layers que serao adicionados e ligados (visiveis)
  690 + add : [],
  691 + //array com a lista dos layers que serao adicionados mas nao ligados
  692 + on : [],
  693 + //array com os layers desligados
  694 + off : []
  695 + },
  696 + //lista de coordenadas x e y que serao adicionadas como pontos no mapa
  697 + points : {
  698 + //array com a lista de coordenadas
  699 + coord : [],
  700 + //titulo da nova camada
  701 + title : ""
  702 + },
  703 + //lista de coordenadas x e y que serao adicionadas como linhas no mapa
  704 + lines : {
  705 + //array de arrays com a lista de coordenadas de cada linha
  706 + //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
  707 + coord : [ [] ],
  708 + //titulo da nova camada
  709 + title : ""
  710 + },
  711 + //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
  712 + polygons : {
  713 + //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
  714 + //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
  715 + coord : [ [] ],
  716 + //titulo da nova camada
  717 + title : ""
  718 + },
  719 + //insere elementos no mapa com coordenadas definidas em wkt
  720 + wkt : {
  721 + //string no formato wkt
  722 + coord : "",
  723 + //titulo da nova camada
  724 + title : ""
  725 + },
  726 + //simbolo que sera utilizado para desenhar os elementos inseridos
  727 + symbol : {
  728 + //codigo do simbolo conforme definido em i3geo/symbols
  729 + name : "",
  730 + //em rgb, exemplo "0 255 0"
  731 + color : "",
  732 + //em pixels
  733 + size : ""
  734 + },
  735 + //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
  736 + kml : {
  737 + url : ""
  738 + },
  739 + //endereco de um WMS (sera incluido como uma camada no mapa)
  740 + wms : {
  741 + url : "",
  742 + layer : "",
  743 + style : "",
  744 + title : "",
  745 + srs : "",
  746 + imagetype : "",
  747 + version : ""
  748 + },
  749 + //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
  750 + //do mapserver, exemplo
  751 + //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
  752 + filters : [ {
  753 + layer : "",
  754 + expression : ""
  755 + } ],
  756 + //id de um mapa salvo e que sera recuperado
  757 + restoreMapId : ""
  758 + };
  759 + var config = {
  760 + //id do elemento HTML onde o corpo do mapa sera renderizado
  761 + mapBody : "mapai3Geo",
  762 + //tipo de mapa. Pode ser:
  763 + //OL - utiliza o OpenLayers e coordenadas geograficas
  764 + //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
  765 + //GM - utiliza o GoogleMaps como motor de controle do mapa
  766 + mapType : "OSM",
  767 + //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
  768 + saveExtension : true,
  769 + //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
  770 + posRenderType : "",
  771 + //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
  772 + //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
  773 + //Para facilitar as coisas, i3GeoUrl e definida em interface/config.php
  774 + i3GeoServer : i3GeoUrl,
  775 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  776 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  777 + //se for vazio, sera utilizado o valor definido no LAYER original
  778 + //Nao se aplica na interface googlemaps
  779 + layerOpacity : "",
  780 + //Funcao que sera executada apos a inicializacao do mapa
  781 + afterStart : function() {
  782 + $('.iconeGuiaMovel').tooltip({
  783 + animation : false,
  784 + trigger : "manual hover",
  785 + placement : "left"
  786 + });
  787 + $('.iconeGuiaMovel').tooltip('show');
  788 + setTimeout(function(){$('.iconeGuiaMovel').tooltip('hide');},5000);
  789 +
  790 + $('.ol-i3GEOcontrols button').tooltip({
  791 + animation : false,
  792 + trigger : "hover",
  793 + placement : "auto",
  794 + template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
  795 + });
  796 +
  797 + $(".guiaOverflow").css("height",
  798 + i3GEO.parametros.h - 60);
  799 + $(".guiaOverflow").mCustomScrollbar({
  800 + scrollbarPosition : "inside",
  801 + theme : "inset-2-dark"
  802 + });
  803 + i3GEO.eventos.adicionaEventos("RESIZE", $(
  804 + ".guiaOverflow").css("height",
  805 + i3GEO.parametros.h - 60));
  806 +
  807 + i3GEO.mapa.dialogo.metaestat(350, 280, 50, 200,
  808 + "flutuante", 1);
  809 + //setTimeout(function() {
  810 + // $('.iconeGuiaMovel').tooltip('destroy');
  811 + //}, 30000);
  812 + //i3GEO.maparef.inicia();
  813 + //
  814 + //(largura, altura, topo, esquerda);
  815 + //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
  816 + //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
  817 +
  818 + //abre a legenda do mapa em uma janela flutuante
  819 + //i3GEO.legenda.inicia({
  820 + //"idLegenda": "legendaHtml",
  821 + //"templateLegenda": "../interface/templates/legenda.html",
  822 + //"janela": true
  823 + //});
  824 + },
  825 + //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
  826 + components : {
  827 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  828 + info : true,
  829 + //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
  830 + idsMenus : [],
  831 + //webservice utilizado na opcao de encontrar lugares
  832 + searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
  833 + //webservice wms que faz a apresentacao do lugar encontrado por searchService
  834 + searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
  835 + //posicao do mapa de referencia, em pixels [top,right]
  836 + referenceMapPosition : [ 4, 120 ],
  837 + //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
  838 + tooltip : {
  839 + //o resultado sera mostrado em uma janela do tipo modal
  840 + modal : false,
  841 + //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
  842 + //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
  843 + //use apenas se modal for true
  844 + //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
  845 + url : "",
  846 + //template que sera usado para compor o resultado da busca de dados
  847 + //se for vazio, serao utilizadas as outras opcoes
  848 + //se contiver a string {{{url}}} a mesma sera substituida por url
  849 + //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
  850 + templateModal : "",
  851 + //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
  852 + simple : true,
  853 + removeAoAdicionar : true,
  854 + //parametros exclusivos da interface openlayers
  855 + autoPan : true,
  856 + autoPanAnimation : {
  857 + duration : 250
  858 + },
  859 + minWidth : '200px',
  860 + //Altura e largura do tooltip (balao)
  861 + toolTipSize : [ "100px", "200px" ]
  862 + },
  863 + //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
  864 + scrollBar : {
  865 + theme : "inset-2",
  866 + axis : "yx",
  867 + scrollbarPosition : "inside",
  868 + scrollButtons : {
  869 + enable : true
  870 + },
  871 + advanced : {
  872 + autoExpandHorizontalScroll : true
  873 + }
  874 + }
  875 + },
  876 + //parametros de configuracao das ferramentas que sao acionadas sob demanda
  877 + //ferramentas localizadas em i3geo/ferramentas
  878 + tools : {
  879 + //ferramenta de busca de camadas em um servico CSW
  880 + buscainde : {
  881 + //endereco do servico no padrao CSW
  882 + csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
  883 + },
  884 + //ferramenta de identificacao
  885 + identifica : {
  886 + //resolucao em pixels para busca de elementos
  887 + resolution : 8
  888 + },
  889 + legenda : {
  890 + //define o local onde os templates da ferramenta ficam armazenados
  891 + //esse eh o local default, colocado aqui para documentacao
  892 + templateDir : i3GeoUrl + "/ferramentas/legenda"
  893 + }
  894 + },
  895 + //configuracoes especificas para a interface que utiliza o OpenLayers
  896 + openLayers : {
  897 + //utiliza ou nao tiles ao renderizar as camadas do mapa
  898 + //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
  899 + singleTile : false,
  900 + //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
  901 + MapOptions : {
  902 + layers : [],
  903 + controls : [ new ol.control.Zoom(),
  904 + new ol.control.ZoomSlider(),
  905 + new ol.control.ScaleLine(),
  906 + new ol.control.Attribution({
  907 + collapsible : true
  908 + }) ],
  909 + loadTilesWhileAnimating : true,
  910 + loadTilesWhileInteracting : true,
  911 + //os objetos devem ser comentados na interface googleMaps
  912 + interactions : [
  913 + new ol.interaction.DoubleClickZoom(),
  914 + new ol.interaction.KeyboardPan(),
  915 + new ol.interaction.KeyboardZoom(),
  916 + new ol.interaction.MouseWheelZoom(),
  917 + new ol.interaction.PinchRotate(),
  918 + new ol.interaction.PinchZoom(),
  919 + new ol.interaction.DragZoom(),
  920 + new ol.interaction.DragPan() ]
  921 + },
  922 + //opcoes para o objeto view, que e uma instancia de MapOptions
  923 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
  924 + ViewOptions : {
  925 +
  926 + },
  927 + //botoes que sao mostrados no editor vetorial
  928 + editorButtons : {
  929 + 'imprimir' : false,
  930 + 'grid' : false,
  931 + 'pan' : false,
  932 + 'zoombox' : false,
  933 + 'zoomtot' : false,
  934 + 'zoomin' : false,
  935 + 'zoomout' : false,
  936 + 'distancia' : false,
  937 + 'area' : false,
  938 + 'identifica' : false,
  939 + 'linha' : true,
  940 + 'ponto' : true,
  941 + 'poligono' : true,
  942 + 'texto' : true,
  943 + 'edita' : true,
  944 + 'listag' : true,
  945 + 'corta' : true,
  946 + 'apaga' : true,
  947 + 'procura' : false,
  948 + 'selecao' : true,
  949 + 'selecaotudo' : true,
  950 + 'salva' : true,
  951 + 'ajuda' : true,
  952 + 'propriedades' : true,
  953 + 'fecha' : true,
  954 + 'tools' : true,
  955 + 'undo' : false,
  956 + 'frente' : false,
  957 + 'legenda' : false,
  958 + 'rodadomouse' : true,
  959 + 'novaaba' : false
  960 + }
  961 + },
  962 + //configuracoes especificas para a interface GoogleMaps
  963 + googleMaps : {
  964 + //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
  965 + MapOptions : {
  966 + //estilo que sera utilizado no mapa
  967 + //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
  968 + //ver i3GEO.Interface.googleMaps.ESTILOS
  969 + mapTypeId : "roadmap",
  970 + scaleControl : true,
  971 + mapTypeControl : true,
  972 + mapTypeControlOptions : {
  973 + //position : google.maps.ControlPosition.LEFT_BOTTOM
  974 + },
  975 + zoomControl : true,
  976 + zoomControlOptions : {
  977 + //style : google.maps.ZoomControlStyle.SMALL,
  978 + //position : google.maps.ControlPosition.LEFT_CENTER
  979 + },
  980 + streetViewControl : true,
  981 + streetViewControlOptions : {
  982 + //position : google.maps.ControlPosition.LEFT_CENTER
  983 + }
  984 + }
  985 + }
  986 + };
  987 + //
  988 + //inicia o mapa
  989 + //Veja tambem config.php
  990 + //
  991 + //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
  992 + //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
  993 + //
  994 + //caso queira evitar os efeitos do material design, comente a linha abaixo
  995 + //$.material = false;
  996 + i3GEO.init(parametrosMapa, config);
  997 + })();
  998 + </script>
  999 +</body>
  1000 +<script defer async src="http://sage.saude.gov.br/lib/barra.php" type="text/javascript"></script>
  1001 +</html>
... ...
i3geo/i3geosaude/hospitais.php
  Diff comments   View file @59cf1a9
1   -<?php
2   -if(empty($_GET["id"])){
3   - $id = 1;
4   -}
5   -else{
6   - $id = $_GET["id"];
7   -}
8   -include("metaestat/templates/lib/dadosmapa.php");
9   -$dadosmapa = dadosmapa();
10   -?>
11   -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
12   -<html>
13   -<head>
14   -<meta http-equiv="Category"
15   - content="i3Geo Mapa interativo MS SAGE geoprocessamento sig mobile">
16   -<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
17   -<title>Hospitais</title>
18   -<link href="css.css" rel="stylesheet" type="text/css">
19   -<style>
20   -.banneresquerda {
21   - background-color: #F4F4F4;
22   - background-image: url("imagens/img_banner_fundo.png");
23   - color: #004646;
24   - font-family: Verdana, Arial, Helvetica, sans-serif;
25   - font-weight: bold;
26   - text-align: left;
27   - vertical-align: middle;
28   -}
29   -
30   -.bannerdireita {
31   - background-color: #F4F4F4;
32   - background-image: url("imagens/img_banner_fundo.png");
33   - color: #004646;
34   - font-family: Verdana, Arial, Helvetica, sans-serif;
35   - font-weight: bold;
36   - text-align: right;
37   - vertical-align: middle;
38   -}
39   -
40   -.tituloGrupo{
41   - font-size: 12px;
42   - text-align:left;
43   -}
44   -.divGrupo{
45   - text-align:left;
46   - margin-top:10px;
47   -}
48   -#corpoLegi{
49   - border: 1px solid lightgray;
50   - border-radius: 10px 10px 10px 10px;
51   - box-shadow: 0 2px 10px 0 #888888;
52   - padding: 15px;
53   -}
54   -</style>
55   -</head>
56   -<body class="bodyMapa" id="i3geo">
57   - <table width="100%" cellspacing="0" cellpadding="0" border="0"
58   - class="formatasage">
59   - <tr>
60   - <td class="banneresquerda"><img height="70"
61   - src="imagens/img_sala2_esquerda.png">
62   - </td>
63   - <td class="bannerdireita"><img height="70"
64   - src="imagens/img_sage_direita.png">
65   - </td>
66   - </tr>
67   - </table>
68   - <table id='mst' summary="" style='display: none;' width=100%
69   - cellspacing='0'>
70   - <tr style="border: 0px">
71   - <td height="2" colspan=2 id="barraSuperior"
72   - style="background-image: url('../imagens/cabeca.png'); height: 10px"></td>
73   - </tr>
74   - <tr>
75   - <td>
76   - <table width=100% cellspacing=0 cellpadding=0>
77   - <tr>
78   - <td>
79   - <div class=verdeescuro style="top: 0px; cursor: pointer;">
80   - <div id=guia1 class=guia></div>
81   - <div id=guia4 class=guia></div>
82   - </div>
83   - </td>
84   - </tr>
85   - </table>
86   - </td>
87   - <td id="contemMenu"
88   - style="text-align: right; height: 0px; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
89   - <div id="menus"></div>
90   - </td>
91   - </tr>
92   - <tr>
93   - <td align="left" id=contemFerramentas
94   - style="vertical-align: top; width: 300px; text-align: left;">
95   - <div id='guia1obj' align="left">
96   - <div id="i3geoCartoParametros_corpo"
97   - style="left: 5px; position: relative; top: 10px; display: block; text-align: left; width: 248px;">
98   - <div id="i3geoCartoVariaveisContainer">
99   - <div class="paragrafo" id="i3geoCartoMedidasVariavel"></div>
100   - <div class="paragrafo" id="i3geoCartoParametrosMedidasVariavel">
101   - </div>
102   - </div>
103   - <input type="button" id="i3GEOcartoBotaoAdicionaCamada"
104   - value="Adicionar" class="paragrafo"
105   - style="width: 80px; cursor: pointer; color: blue" />&nbsp;
106   - <input type="button" id="i3GEOcartoBotaoAnalise" value="An&aacute;lise" class="paragrafo" style="width:60px;cursor:pointer;color:blue" />
107   -
108   - </div>
109   -
110   - <br> <br>
111   - <hr align="left">
112   - <div align="left" id=listaTemas style='top: 15px;'></div>
113   - </div>
114   - <div align="left" id='guia2obj' style='display: none;'>
115   - Aguarde...<img alt="" src="../imagens/branco.gif" width=248 />
116   - </div>
117   - <div align="left" id='guia4obj'
118   - style='display: none; text-align: left'>
119   - <div align="left" id='legenda' style='text-align: left'></div>
120   - </div>
121   - </td>
122   - <td style="vertical-align: top; border-width: 0px;">
123   - <table width="100%" style="vertical-align: top; border-width: 0px">
124   - <tr>
125   - <td class=verdeclaro id=contemImg>
126   - <div id=corpoMapa
127   - style="background-image: url('../imagens/i3geo1bw.jpg');"></div>
128   - </td>
129   - </tr>
130   - </table>
131   - </td>
132   - </tr>
133   - <tr>
134   - <td class=tdbranca></td>
135   - <td class=tdbranca>
136   - <table width=100%>
137   - <tr>
138   - <td class=tdbranca style="width: 50%;">
139   - <div id=escala style="text-align: right; display: inline-table"></div>
140   - </td>
141   - <td class=tdbranca style="width: 50%;">
142   - <div id=localizarxy
143   - style="text-align: left; font-size: 10px; display: inline-table">Aguarde...</div>
144   - </td>
145   - </tr>
146   - </table>
147   - </td>
148   - </tr>
149   - <tr style="border: 0px">
150   - <td colspan=3 id="barraInferior"
151   - style="background-image: url('../imagens/rodape.png'); height: 10px"></td>
152   - </tr>
153   - <!--
154   - <tr style="border:0px">
155   - <td colspan=3 style=background-color:black;color:white >saladesituacao@saude.gov.br</td>
156   - </tr>
157   - -->
158   - </table>
159   - <table id="i3GEOlogoMarca"
160   - style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
161   - <tr>
162   - <td><div id=versaoi3geo></div>
163   - <h2
164   - style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo
165   - - Software livre para cria&ccedil;&atilde;o de mapas interativos e
166   - geoprocessamento</h2>
167   - <h3
168   - style="font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado
169   - no Mapserver, é licenciado sob GPL e integra o Portal do Software
170   - Público Brasileiro</h3></td>
171   - </tr>
172   - <tr>
173   - <td style="padding: 10px;"><img style="width: 560px; height: 81px"
174   - alt="" src='../imagens/logo_inicio.png'></td>
175   - </tr>
176   - <tr>
177   - <td>
178   - <!--
179   - <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
180   - -->
181   - </td>
182   - </tr>
183   - </table>
184   - <script src="../classesjs/i3geo.js"></script>
185   - <script src="metaestat/index.js"></script>
186   - <script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
187   -<script src="metaestat/dicionario.js" ></script>
188   -<link rel="stylesheet" type="text/css" href="metaestat/templates/lib/default.css">
189   -
190   - <script>
191   - document.body.style.backgroundColor = "rgb(0,75,130)";
192   - i3GEO.barraDeBotoes.defBotao("localizar").funcaoonclick = function(){
193   - i3GEO.mapa.dialogo.locregiao();
194   - };
195   - i3GEO.Interface.openlayers.TILES = true;
196   - i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = false;
197   - i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
198   - i3GEO.configura.autotamanho = false;
199   - i3GEO.Interface.ATUAL = "openlayers";
200   - i3GEO.Interface.IDCORPO = "contemImg";
201   - i3GEO.Interface.openlayers.GADGETS = {
202   - PanZoomBar:true,
203   - PanZoom:false,
204   - LayerSwitcher:false,
205   - ScaleLine:true,
206   - OverviewMap:false
207   - };
208   - i3GEO.configura.mapaRefDisplay = "none";
209   - i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
210   - i3GEO.barraDeBotoes.OFFSET = -5;
211   - i3GEO.barraDeBotoes.MAXBOTOES = 10;
212   - i3GEO.configura.diminuiyN = 135;
213   - i3GEO.configura.diminuiyM = 135;
214   - i3GEO.idioma.MOSTRASELETOR = false;
215   - i3GEO.Interface.ATIVAMENUCONTEXTO = false;
216   - i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
217   - i3GEO.arvoreDeTemas.ATIVATEMAIMEDIATO = true;
218   - i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = false;
219   - i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = false;
220   - i3GEO.arvoreDeCamadas.FUNCOES.compartilhar = false;
221   - i3GEO.mapa.AUTORESIZE = true;
222   - i3GEO.mapa.legendaHTML.incluiBotaoLibera = false;
223   - i3GEO.barraDeBotoes.INCLUIBOTAO = {
224   - localizar: true,
225   - zoomli: true,
226   - pan: true,
227   - zoomtot:true,
228   - identifica: false,
229   - identificaBalao: true,
230   - mede: true,
231   - area: true,
232   - imprimir: true,
233   - reinicia: false,
234   - exten: false,
235   - referencia: false,
236   - inserexy: false,
237   - textofid: false,
238   - selecao: true,
239   - google: true,
240   - buscafotos: false,
241   - wiki: false,
242   - metar: false,
243   - lentei: false,
244   - confluence: false,
245   - inseregrafico: false,
246   - v3d: false
247   - };
248   - //
249   - //esta é uma variável interna do OpenLayers que define o endereço do diretório onde estão as imagens usadas nos ícones
250   - //
251   - OpenLayers.ImgPath = "../pacotes/openlayers/img/";
252   - i3GEO.finaliza = function(){
253   - i3GEO.mapa.insereDobraPagina("googlemaps","../imagens/dobragooglemaps.png");
254   - if($i("i3GEOlogoMarca"))
255   - {$i("i3GEOlogoMarca").style.display ="none";}
256   - i3GEOF.metaestat.principal.botaoJanelaAnalise();
257   - $i("i3GEOcartoBotaoAdicionaCamada-button").style.width = "100px";
258   - $i("i3GEOcartoBotaoAnalise-button").style.width = "80px";
259   - };
260   - i3GEO.configura.alturatip= "100px";
261   - i3GEO.configura.larguratip= "200px";
262   - i3GEO.configura.tempoMouseParado = 500;
263   - (function(){
264   - var oce = new OpenLayers.Layer.ArcGIS93Rest(
265   - "ESRI Ocean Basemap",
266   - "http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export?",
267   - {format:"jpeg"},
268   - {isBaseLayer:true,visibility:false}
269   - );
270   - var ims = new OpenLayers.Layer.ArcGIS93Rest(
271   - "ESRI Imagery World 2D",
272   - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export?",
273   - {format:"jpeg"},
274   - {isBaseLayer:true,visibility:false}
275   - );
276   - var wsm = new OpenLayers.Layer.ArcGIS93Rest(
277   - "ESRI World Street Map",
278   - "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export?",
279   - {format:"jpeg"},
280   - {isBaseLayer:true,visibility:true}
281   - );
282   - var bra = new OpenLayers.Layer.WMS(
283   - "Base carto MMA",
284   - "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map?",
285   - {layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
286   - {isBaseLayer:true,visibility:false}
287   - );
288   - i3GEO.Interface.openlayers.LAYERSADICIONAIS = [wsm,oce,ims,bra];
289   - })();
290   - //parametros especificos dos cartogramas
291   - //ver i3geo/ferramentas/metaestat
292   - i3GEOF.metaestat.CONEXAODEFAULT = 9;
293   - i3GEOF.metaestat.TOP = 110;
294   - i3GEOF.metaestat.LEFT = 100;
295   - i3GEO.cria();
296   - i3GEO.configura.sid = "";
297   - //acrescenta a camada com os hospitais
298   - i3GEO.configura.mashuppar = "&temasa=hospitais,hospitais_pa&desligar=mundo";
299   - i3GEO.inicia();
300   - //
301   - //opcoes do publicador de mapas
302   - //
303   - i3GEOF.metaestat.INTERFACE = "";
304   - i3GEOF.metaestat.publicador.IDMAPA = <?php echo $id;?>;
305   - i3GEOF.metaestat.inicia();
306   - i3GEOF.metaestat.publicador.montaGrupos("i3geoCartoMedidasVariavel");
307   - i3GEOF.metaestat.principal.botaoAdicionaCamada(150);
308   - i3GEOF.metaestat.INTERFACE = "flutuante";
309   - $i("i3GEOcartoBotaoAnalise-button").style.width = "60px";
310   -</script>
311   -</body>
312   -</html>
  1 +<!DOCTYPE html>
  2 +<html lang="pt-br">
  3 +<head>
  4 +<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
  5 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  6 +<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
  7 +<title>i3GEO - OpenLayers</title>
  8 +<script src="../pacotes/ol4/ol.js"></script>
  9 +<script src="../js/i3geonaocompacto.js"></script>
  10 +<!-- lista com os links que serao mostrados na guia ferramentas -->
  11 +<script src="../js/listaDeFerramentas.js"></script>
  12 +<!-- configuracoes default tipo pode ser OL (openLayers) ou GM (googlemaps) -->
  13 +<script src="config.php?tipo=OL"></script>
  14 +<link rel="stylesheet" type="text/css" href="../pacotes/ol4/ol.css">
  15 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap/css/bootstrap.min.css">
  16 +<link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/bootstrap-material-design.min.css">
  17 +<!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-material-design/dist/css/ripples.min.css">-->
  18 +<!-- <link rel="stylesheet" type="text/css" href="../pacotes/bootstrap-accessibility-plugin/plugins/js/bootstrap-accessibility.min.js"> -->
  19 +<link rel="stylesheet" type="text/css" href="../css/default.css">
  20 +<style>
  21 +.ol-attribution.ol-uncollapsible {
  22 + height: 2.1em;
  23 + right: 24px;
  24 + background: none;
  25 + margin-bottom: 15px;
  26 +}
  27 +
  28 +.foraDoMapa+span>span {
  29 + background-color: yellow;
  30 +}
  31 +#barra-brasil{
  32 + width:100%;
  33 +}
  34 +#i3GEOguiaMovel {
  35 + position: absolute;
  36 + display: block;
  37 + border: 0px solid white;
  38 + text-align: left;
  39 + z-index: 20000;
  40 + left: auto;
  41 + right: 2px;
  42 + top: 35px;
  43 + width: 380px;
  44 +}
  45 +.ol-zoom {
  46 + top: 40px;
  47 + font-size: 1.8rem;
  48 + position: fixed;
  49 +}
  50 +.ol-i3GEOcontrols {
  51 + top: 40px;
  52 + left: 3.5em;
  53 + width: auto;
  54 + font-size: 1.8rem;
  55 +}
  56 +.ol-touch .ol-zoomslider, .ol-zoomslider {
  57 + top: 8.2em;
  58 + font-size: 1.8rem;
  59 + position: fixed;
  60 +}
  61 +.ol-scale-line {
  62 + bottom: 5em;
  63 +}
  64 +.ol-attribution {
  65 + text-align: right;
  66 + bottom: 35px;
  67 + right: .5em;
  68 + max-width: calc(100% - 1.3em);
  69 +}
  70 +</style>
  71 +</head>
  72 +<!-- As palavras entre {{{}}} sao utilizadas para a traducao. Veja i3geo/js/dicionario.js
  73 + Marque com data-traduzir="true" os elementos que deverao passar pelo tradutor
  74 + -->
  75 +<body id="i3geo" style='background: white;'>
  76 + <div id="barra-brasil" style="background:#7F7F7F; height: 32px; padding:0 0 0 10px;display:block;">
  77 + <ul id="menu-barra-temp" style="list-style:none;">
  78 + <li style="display:inline; float:left;padding-right:10px; margin-right:10px; border-right:1px solid #EDEDED"><a href="http://brasil.gov.br" style="font-family:sans,sans-serif; text-decoration:none; color:white;">Portal do Governo Brasileiro</a></li>
  79 + </ul>
  80 + </div>
  81 + <!-- inclui o nome do usuario logado
  82 + <div id="i3GEONomeLogin"
  83 + style="position: absolute; left: 10px; top: 2px; font-size: 11px; z-index: 50000"></div>
  84 + -->
  85 + <!-- Aqui vai o mapa. O div a ser inserido e padronizado e depende da interface usar openlayers ou googlemaps
  86 + Se os estilos width e height nao estiverem definidos, o tamanho do mapa abrangera a tela toda
  87 + -->
  88 + <div id="mapai3Geo"></div>
  89 + <!-- aqui sera incluida a escala numerica. E necessario ter o id=i3GEOescalanum para que o valor seja atualizado-->
  90 + <form class="escalanumerica hidden-xs" onsubmit="javascript:i3GEO.navega.aplicaEscala($i('i3GEOescalanum').value);return false;">
  91 + <input id='i3GEOescalanum' type='text' name='' value='' size='10' title=''>
  92 + </form>
  93 +
  94 + <!-- aqui sera incluido o gadget que mostra a coordenada geografica da posicao do mouse -->
  95 + <div class="localizarxy fundoRodape hidden-xs hidden-sm">
  96 + <div class="i3GeoMascaraCoord" style="display: block;">
  97 + <select onchange="javascript:i3GEO.coordenadas.mudaTipo(this,'localizarxy');" class="i3geoCoordenadasComboTipo">
  98 + <option>DMS:</option>
  99 + <option value="janela">janela</option>
  100 + <option value="geoProj">DMS</option>
  101 + <option value="dd">Dec. de grau</option>
  102 + <option value="geohash">GeoHash</option>
  103 + <option value="policonicaSad69">Polic SAD-69</option>
  104 + <option value="utmSad69Proj">UTM Sad-69</option>
  105 + <option value="utmSirgas2000Proj">UTM Sirgas</option>
  106 + </select>
  107 + </div>
  108 + <div class="i3GeoMascaraCoord" id="localizarxygeoProj" style="display: block; position: absolute; top: 0px; left: 60px;">
  109 + X: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjxg" type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjxm" type="text">
  110 + <input name="" value="00.00" size="5" title="segundo" id="localizarxygeoProjxs" type="text"> Y: <input name="" value="-00" size="3" title="grau" id="localizarxygeoProjyg"
  111 + type="text"> <input name="" value="00" size="2" title="minuto" id="localizarxygeoProjym" type="text"> <input name="" value="00.00" size="5" title="segundo"
  112 + id="localizarxygeoProjys" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom" onclick="i3GEO.coordenadas.zoomPontoGeo()" src="../imagens/branco.gif">
  113 + </div>
  114 + <div id="localizarxydd" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
  115 + X: <input name="" value="00" size="12" title="X" id="localizarxyddX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyddY" type="text">
  116 + </div>
  117 + <div id="localizarxygeohash" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
  118 + GeoHash <input name="" value="00" size="12" title="Cod" id="localizarxygeohashCodigo" type="text"> <img class="ticfind" style="margin-left: 8px;" title="zoom"
  119 + onclick="i3GEO.coordenadas.geohash.zoomCodigo('localizarxygeohashCodigo')" src="../imagens/branco.gif">
  120 + </div>
  121 + <div id="localizarxypoliconicaSad69" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
  122 + X: <input name="" value="00" size="12" title="X" id="localizarxypoliconicaSad69X" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxypoliconicaSad69Y"
  123 + type="text">
  124 + </div>
  125 + <div id="localizarxyutmSad69Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
  126 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSad69ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSad69ProjY"
  127 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSad69ProjZN" type="text">
  128 + </div>
  129 + <div id="localizarxyutmSirgas2000Proj" class="i3GeoMascaraCoord" style="display: none; position: absolute; top: 0px; left: 60px;">
  130 + X: <input name="" value="00" size="12" title="X" id="localizarxyutmSirgas2000ProjX" type="text"> Y: <input name="" value="00" size="12" title="Y" id="localizarxyutmSirgas2000ProjY"
  131 + type="text"> Zn: <input name="" value="--" size="2" title="Zona" id="localizarxyutmSirgas2000ProjZN" type="text">
  132 + </div>
  133 + </div>
  134 + <!-- barra de icones de navegacao -->
  135 + <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
  136 + <button title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
  137 + <!--<img style="width:20px;" src="../imagens/gisicons/projection.png">-->
  138 + <i class="material-icons">public</i>
  139 + </button>
  140 + <button onclick="i3GEO.Interface.zoomli()" style="float: left;">
  141 + <!--<img style="width:20px;" src="../imagens/gisicons/zoom-region.png">-->
  142 + <i class="material-icons">zoom_in</i>
  143 + </button>
  144 + <br>
  145 + <button title="{{{volta}}}" onclick="i3GEO.navega.extensaoAnterior()" style="float: left;">
  146 + <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle1.png">-->
  147 + <i class="material-icons">undo</i>
  148 + </button>
  149 + <button title="{{{avanca}}}" onclick="i3GEO.navega.extensaoProximo()" style="float: left;">
  150 + <!--<img style="width:16px;" src="../imagens/oxygen/16x16/draw-triangle2.png">-->
  151 + <i class="material-icons">redo</i>
  152 + </button>
  153 + <br>
  154 + <button title="{{{graticule}}}" onclick="i3GEO.Interface.grade()" style="float: left;">
  155 + <!--<img style="width:16px;" src="../imagens/gisicons/graticule.png">-->
  156 + <i class="material-icons">grid_on</i>
  157 + </button>
  158 + <button class="hidden-xs hidden-sm" title="{{{x79}}}" data-template="../interface/templates/ferramentasSend.html" onclick="i3GEO.marcador.inicia(this)" style="float: left;">
  159 + <!--<img style="width:20px;" src="../imagens/gisicons/save1.png">-->
  160 + <i class="material-icons">bookmark_border</i>
  161 + </button>
  162 + <br>
  163 + <button class="hidden-xs hidden-sm" title="{{{d9}}}" onclick="i3GEO.maparef.inicia()" style="float: left;">
  164 + <!--<img style="width:20px;" src="../imagens/gisicons/map-reference.png">-->
  165 + <i class="material-icons">picture_in_picture</i>
  166 + </button>
  167 + </div>
  168 + <!--barra de progresso que e mostrada conforme as camadas sao desenhadas no mapa. Esse elemento deve ter o id="i3GEOprogressoCamadas" -->
  169 + <div id="i3GEOprogressoCamadas" class="progress" style="display: block; position: absolute; top: 0px; height: 5px; width: 0%; margin: auto;">
  170 + <div class="progress-bar progress-bar-striped active" role="progressbar" style="width: 100%"></div>
  171 + </div>
  172 + <!--barra de aguarde id="i3GEObarraAguarde" -->
  173 + <div id="i3GEObarraAguarde" class="progress" style="display: block; position: absolute; top: 0px; height: 5px; width: 0%; margin: auto;">
  174 + <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width: 100%"></div>
  175 + </div>
  176 + <!-- mensagem de copyright -->
  177 + <div id="i3GEOcopyright">i3Geo</div>
  178 + <!-- botoes laterais que abrem guias moveis -->
  179 + <div id="i3GEOguiaMovel">
  180 + <!-- configuracao para todos os botoes
  181 + data-idconteudo - id do DIV que contem o conteudo da guia e que sera mostrado ao ser clicado
  182 + -->
  183 + <div class="iconesGuiaMovel ol-control" data-traduzir="true">
  184 + <!-- ferramentas
  185 + data-idLista - id do DIV dentro de idconteudo que sera utilizado para mostrar as "pastas" que abrem o proximo nivel
  186 + data-idLinks - id do DIV dentro de idconteudo que sera utilizado para mostrar a lista de links que abre cada ferramenta
  187 + data-idMigalha - id do DIV que sera utilizado para mostrar o link de retorno ao nivel anterior
  188 + -->
  189 + <div data-idconteudo="guia8obj" data-idLinks="listaFerramentasLinks" data-idMigalha="migalhaFerramentas" data-idLista="listaFerramentas" onclick="i3GEO.guias.ativa('ferramentas',this)">
  190 + <button title="{{{iconeFerramentas}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  191 + <i class="material-icons">business_center</i>
  192 + </button>
  193 + </div>
  194 + <!-- temas existentes no mapa
  195 + data-idListaDeCamadas - id onde sera incluida a lista de camadas
  196 + data-idListaFundo - id onde sera incluida a lista de camadas de fundo (mapa base)
  197 + data-verificaAbrangencia - se for uma string, faz a verificacao se a camada esta fora da abrangencia atual do mapa,
  198 + inserindo ou nao a string como uma classe CSS. Pode degradar a performance e depende
  199 + do metadata existente na camada. Deixe vazio para nao ativar a operacao.
  200 + -->
  201 + <div onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"
  202 + style="margin-top: 3px;">
  203 + <button title="{{{iconeMapa}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  204 + <i class="material-icons"><i class="material-icons">visibility</i></i>
  205 + </button>
  206 + </div>
  207 + <!-- catalogo de adicao de temas ao mapa
  208 + data-idCatalogo - id do DIV que contem a primeira pagina do catalogo. Esse DIV sera escondido e mostrado conforme o usuario navega pelo catalogo
  209 + data-idMenus - id do DIV que recebera a lista de menus cadastrados no sistema de administracao
  210 + data-idNavegacao - id do DIV que recebera a lista de opcoes apos o usuario clicar em um item do catalogo principal
  211 + data-idMigalha - id do DIV que recebera o link para retorno ao nivel anterior do catalogo
  212 +
  213 + Variaveis javascript:
  214 + i3GEO.catalogoMenus.IDSMENUS - (array) apenas os menus com idmenu que constem nessa lista serao mostrados. Por default e vazio.
  215 + -->
  216 + <div onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal"
  217 + data-idMenus="catalogoMenus" style="margin-top: 3px;">
  218 + <button title="{{{iconeCatalogo}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  219 + <i class="material-icons">layers</i>
  220 + </button>
  221 + </div>
  222 + <!-- legenda -->
  223 + <div onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" data-idLegenda="legendaHtml" style="margin-top: 3px;">
  224 + <button title="{{{iconeLegenda}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  225 + <i class="material-icons">view_list</i>
  226 + </button>
  227 + </div>
  228 + <!-- Busca -->
  229 + <div onclick="i3GEO.guias.ativa('buscaRapida',this)" data-idconteudo="guia7obj" style="margin-top: 3px;">
  230 + <button class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  231 + <i class="material-icons">search</i>
  232 + </button>
  233 + </div>
  234 + <div onclick="i3GEO.guias.ativa('identificaBalao',this)" style="margin-top: 3px;">
  235 + <button title="{{{iconeBalao}}}" class="iconeGuiaMovel" style="color: white; box-shadow: none;">
  236 + <i class="material-icons">location_on</i>
  237 + </button>
  238 + </div>
  239 + <!-- A opcao de identificacao esta integrada ao balao de informacoes, mas pode aparecer aqui tambem
  240 + <div class="hidden-xs hidden-sm" onclick="i3GEO.guias.ativa('identifica',this)" style="margin-top: 3px;">
  241 + <button title="{{{iconeIdentifica}}}" class="iconeGuiaMovel" style="box-shadow: none;">
  242 + <img src="../imagens/gisicons/pointer-info.png" style="cursor: pointer; padding: 3px;">
  243 + </button>
  244 + </div>
  245 + -->
  246 + </div>
  247 + <!-- veja i3GEO.guias.CONFIGURA -->
  248 + <!-- Os IDs sao definidos no botao que ativa a guia veja: "i3GEOguiaMovel" -->
  249 + <!-- se height nao estiver definido sera utilizada a altura do mapa -->
  250 + <div id="i3GEOguiaMovelMolde">
  251 + <div id="i3GEOguiaMovelConteudo">
  252 + <!-- camadas existentes no mapa -->
  253 + <div id='guia1obj' data-traduzir="true" style='display: none;'>
  254 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
  255 + <button>
  256 + <span class="pull-left">{{{iconeMapa}}}</span>
  257 + <span class="pull-right material-icons">cancel</span>
  258 + </button>
  259 + </div>
  260 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  261 + <div class="guiaOverflow">
  262 + <div class="list-group condensed noprint">
  263 + <label>{{{opcoes}}}</label>
  264 + <a data-target="#opcoesGuia1" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
  265 + data-toggle="collapse"> </a>
  266 + <div class="text-left collapse" id="opcoesGuia1" style="margin-left: 30px;">
  267 + <p>
  268 + <a onclick="i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)" href="javascript:void(0)">Refresh</a>
  269 + </p>
  270 + <p>
  271 + <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('ligartodos')" href="javascript:void(0)">{{{t3a}}}</a>
  272 + </p>
  273 + <p>
  274 + <a onclick="i3GEO.arvoreDeCamadas.aplicaTemas('desligartodos')" href="javascript:void(0)">{{{t3b}}}</a>
  275 + </p>
  276 + <p>
  277 + <a onclick="i3GEO.arvoreDeCamadas.dialogo.excluir()" href="javascript:void(0)">{{{t12}}}</a>
  278 + </p>
  279 + <p>
  280 + <a onclick="i3GEO.arvoreDeCamadas.dialogo.filtro()" href="javascript:void(0)">{{{t2a}}}</a>
  281 + </p>
  282 + <p>
  283 + <a onclick="i3GEO.mapa.dialogo.opacidade()" href="javascript:void(0)">{{{t20}}}</a>
  284 + </p>
  285 + <p>
  286 + <a onclick="i3GEO.mapa.dialogo.animacao()" href="javascript:void(0)">{{{p21}}}</a>
  287 + </p>
  288 + <p>
  289 + <a onclick="i3GEO.mapa.dialogo.imprimir()" href="javascript:void(0)">{{{d12}}}</a>
  290 + </p>
  291 + <p>
  292 + <a onclick="i3GEO.mapa.limpasel()" href="javascript:void(0)">{{{t4}}}</a>
  293 + </p>
  294 + </div>
  295 + </div>
  296 + <hr>
  297 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  298 + <div id="listaTemas" style="overflow: none;" data-template="../interface/templates/camada.html"></div>
  299 + <!-- Esta div acrescenta a lista de de camadas de fundo
  300 + A lista de camadas de fundo e obtida da variavel i3GEO.Interface.openlayers.LAYERSADICIONAIS
  301 + Essa variavel e definida via javascript, e no caso das interfaces padrao do i3Geo, e definida
  302 + no programa interface/config.php
  303 + -->
  304 + <div class="list-group condensed">
  305 + <label>{{{camadasDeFundo}}}</label>
  306 + <a data-target="#collapseFundo" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
  307 + data-toggle="collapse"> </a>
  308 + <div style="margin-left: 0px;" class="collapse text-left" id="collapseFundo">
  309 + <form>
  310 + <div id="listaFundo" class="form-group" data-template="../interface/templates/camadaFundo.html"></div>
  311 + </form>
  312 + </div>
  313 + </div>
  314 + </div>
  315 + </div>
  316 + <!-- Catalogo de temas -->
  317 + <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;'>
  318 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();">
  319 + <button>
  320 + <span class="pull-left">{{{iconeCatalogo}}}</span>
  321 + <span class="pull-right material-icons">cancel</span>
  322 + </button>
  323 + </div>
  324 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  325 + <div class="guiaOverflow">
  326 + <!-- aqui entra a lista de elementos quando uma das opcoes e clicada -->
  327 + <div id="catalogoMigalha" data-template="../interface/templates/catalogoMigalha.html"></div>
  328 + <div id="catalogoNavegacao"></div>
  329 + <!-- Opcoes -->
  330 + <div id="catalogoPrincipal">
  331 + <div class="list-group condensed noprint">
  332 + <label>{{{opcoes}}}</label>
  333 + <a data-target="#opcoesGuia2" class="btn btn-sm btn-primary pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button"
  334 + data-toggle="collapse"> </a>
  335 + <div class="text-left collapse" id="opcoesGuia2" style="margin-left: 30px;">
  336 + <p>
  337 + <a href="javascript:void(0)" onclick="i3GEO.login.dialogo.abreLogin()">Login/Logout</a>
  338 + </p>
  339 + <p>
  340 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.atualiza()">Refresh</a> -->
  341 + </p>
  342 + <li class="divider"></p>
  343 + <p>
  344 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.conectaservico()">{{{a15}}}</a>
  345 + </p>
  346 + <p>
  347 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.uploadarquivo()">{{{a14}}}</a>
  348 + </p>
  349 + <p>
  350 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.downloadbase()">{{{a3}}}</a>
  351 + </p>
  352 + <p>
  353 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.importarwmc()">{{{a3a}}}</a>
  354 + </p>
  355 + <p>
  356 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.nuvemTags()">{{{a5a}}}</a> -->
  357 + </p>
  358 + <p>
  359 + <!-- <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.carouselTemas()">Miniaturas</a> -->
  360 + </p>
  361 + <p>
  362 + <a href="javascript:void(0)" onclick="i3GEO.arvoreDeTemas.dialogo.buscaInde()">Busca na INDE</a>
  363 + </p>
  364 + <p>
  365 + <a href="javascript:void(0)" onclick="i3GEO.mapa.dialogo.metaestat()">Cartogramas estatisticos</a>
  366 + </p>
  367 + <p>
  368 + <a href="http://localhost/i3geo/kml.php?tipoxml=kml" target="_blank">{{{a13}}}</a>
  369 + </p>
  370 + </div>
  371 + </div>
  372 + <hr>
  373 + <!-- busca tema no catalogo
  374 + <div class="form-group label-floating">
  375 + <label class="control-label" for="i3GEObuscatema">{{{a1}}}</label>
  376 + <div class="input-group">
  377 + <input id="i3GEObuscatema" class="form-control" type="text" value="">
  378 + <span class="input-group-btn">
  379 + <a onclick="i3GEO.arvoreDeTemas.buscaTema2($i('i3GEObuscatema').value);return false;" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  380 + <span class="material-icons ">send</span>
  381 + </a>
  382 + </span>
  383 + </div>
  384 + </div>
  385 + -->
  386 + <!-- A lista de menus e uma funcao de i3GEO.guias.CONFIGURA.adiciona
  387 + Nessa funcao ficam tambem os parametros:
  388 + "idOndeMenus": "catalogoMenus",
  389 + "idCatalogoPrincipal": "catalogoPrincipal",
  390 + "idCatalogoNavegacao": "catalogoNavegacao",
  391 + "idOndeMigalha": "catalogoMigalha"
  392 + -->
  393 + <div id="catalogoMenus" data-templateDir="../interface/templates/dir.html" data-templateTema="../interface/templates/tema.html"></div>
  394 +
  395 + <div id="arvoreAdicionaTema"></div>
  396 +
  397 + <!--
  398 + As funcoes de inicializacao recebem um objeto com parametros. Que por padrao sao:
  399 + config: {
  400 + 'templateDir': 'templates/dir.html',
  401 + 'templateTema': 'templates/tema.html',
  402 + 'idCatalogoPrincipal': 'catalogoPrincipal',
  403 + 'idCatalogoNavegacao': 'catalogoNavegacao',
  404 + 'idOndeMigalha': 'catalogoMigalha'
  405 + }
  406 +
  407 + exemplo:
  408 +
  409 + onclick="i3GEO.catalogoInde.inicia({'templateDir': 'templates/dir.html','templateTema': 'templates/tema.html','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})"
  410 + -->
  411 +
  412 + <!-- servicos da INDE brasileira -->
  413 + <div class="list-group condensed">
  414 + <div class="row-content text-left">
  415 + <a onclick="i3GEO.catalogoInde.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  416 + <span class="material-icons ">folder_open</span>
  417 + </a>
  418 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoInde.inicia()" role="button" href="javascript:void(0)">
  419 + <h4>INDE-Br</h4>
  420 + </a>
  421 + <h6>Infraestrutura Nacional de Dados Espaciais do Brasil</h6>
  422 + </label>
  423 + </div>
  424 + </div>
  425 + <hr>
  426 + <!-- lista de wms cadastrados no sistema de administracao -->
  427 + <div class="list-group condensed">
  428 + <div class="row-content text-left">
  429 + <a onclick="i3GEO.catalogoOgc.inicia();return false;" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  430 + <span class="material-icons ">folder_open</span>
  431 + </a>
  432 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoOgc.inicia()" role="button" href="javascript:void(0)">
  433 + <h4>OGC-WMS</h4>
  434 + </a>
  435 + <h6>{{{descOgcWms}}}</h6>
  436 + </label>
  437 + </div>
  438 + </div>
  439 + <hr>
  440 + <!-- regioes cadastradas no sistema de metadados -->
  441 + <div class="list-group condensed">
  442 + <div class="row-content text-left">
  443 + <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  444 + <span class="material-icons ">folder_open</span>
  445 + </a>
  446 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoRegioes.inicia()" role="button" href="javascript:void(0)">
  447 + <h4>{{{x87}}}</h4>
  448 + </a>
  449 + <h6>{{{descLimLoc}}}</h6>
  450 + </label>
  451 + </div>
  452 + </div>
  453 + <hr>
  454 + <!-- camadas que vem do sistema de metadados estatisticos -->
  455 + <div class="list-group condensed">
  456 + <div class="row-content text-left">
  457 + <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  458 + <span class="material-icons ">folder_open</span>
  459 + </a>
  460 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoMetaestat.inicia()" role="button" href="javascript:void(0)">
  461 + <h4>{{{x57}}}</h4>
  462 + </a>
  463 + <h6>{{{descMeta}}}</h6>
  464 + </label>
  465 + </div>
  466 + </div>
  467 + <hr>
  468 + <!-- mapas cadastrados no sistema de administracao (nao funcional)
  469 + <div class="list-group condensed"><div class="row-content text-left">
  470 + <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-max" href="javascript:void(0)"><span class="material-icons ">folder_open</span></a>
  471 + <label style="width: 255px;vertical-align: middle;">
  472 + <a onclick="i3GEO.catalogoMapas.inicia({'seletorTemplateDir': '#guia2objTemplateDir','seletorTemplateTema': '#guia2objTemplateTema','idCatalogoPrincipal':'catalogoPrincipal','idCatalogoNavegacao':'catalogoNavegacao','idOndeMigalha':'catalogoMigalha'})" role="button" href="javascript:void(0)">
  473 + <h4>{{{x90}}}</h4></a>
  474 + <h6>{{{descMapas}}}</h6>
  475 + </label>
  476 + </div></div><hr>
  477 + -->
  478 + <!-- camadas por estrelas -->
  479 + <div class="list-group condensed">
  480 + <div class="row-content text-left">
  481 + <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  482 + <span class="material-icons ">folder_open</span>
  483 + </a>
  484 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoEstrelas.inicia({'valorEstrela':5,'numEstrelas':1})" role="button"
  485 + href="javascript:void(0)">
  486 + <h4>{{{t46}}}</h4>
  487 + </a>
  488 + <h6>{{{descEstrelas}}}</h6>
  489 + </label>
  490 + </div>
  491 + </div>
  492 + <hr>
  493 + <!-- sistemas que adicionam camadas -->
  494 + <div class="list-group condensed">
  495 + <div class="row-content text-left">
  496 + <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  497 + <span class="material-icons ">folder_open</span>
  498 + </a>
  499 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoSistemas.inicia()" role="button" href="javascript:void(0)">
  500 + <h4>{{{a11}}}</h4>
  501 + </a>
  502 + <h6>{{{descSistemas}}}</h6>
  503 + </label>
  504 + </div>
  505 + </div>
  506 + <hr>
  507 + <!-- navegacao em diretorios -->
  508 + <div class="list-group condensed">
  509 + <div class="row-content text-left">
  510 + <a onclick="i3GEO.catalogoDir.inicia()" role="button" class="btn btn-primary btn-fab btn-fab-max" href="javascript:void(0)">
  511 + <span class="material-icons ">folder_open</span>
  512 + </a>
  513 + <label style="width: 255px; vertical-align: middle;"> <a onclick="i3GEO.catalogoDir.inicia()" role="button" href="javascript:void(0)">
  514 + <h4>{{{a6}}}</h4>
  515 + </a>
  516 + <h6>{{{descDir}}}</h6>
  517 + </label>
  518 + </div>
  519 + </div>
  520 + <hr>
  521 + </div>
  522 + </div>
  523 + </div>
  524 + <!-- Legenda -->
  525 + <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left'>
  526 + <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');">
  527 + <button>
  528 + <span class="pull-left">{{{iconeLegenda}}}</span>
  529 + <span class="pull-right material-icons">cancel</span>
  530 + </button>
  531 + </div>
  532 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  533 + <div class="guiaOverflow">
  534 + <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a>
  535 + <div id="legendaHtml" data-template="../interface/templates/legenda.html" data-size="35,25" style='display: none; text-align: left'></div>
  536 + </div>
  537 + </div>
  538 + <!-- busca
  539 + Funcoes de busca por registros. Pode ser feita nos temas existentes no mapa, em um servico de busca e no google
  540 + No botao que dispara a busca, ficam os parametros de configuracao
  541 + 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
  542 + -->
  543 + <div data-traduzir="true" id='guia7obj' style='display: none; text-align: left'>
  544 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
  545 + <button>
  546 + <span class="pull-left">{{{t23}}}</span>
  547 + <span class="pull-right material-icons">cancel</span>
  548 + </button>
  549 + </div>
  550 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  551 + <div class="guiaOverflow">
  552 + <form onSubmit="return false;">
  553 + <div class="form-group label-floating">
  554 + <label class="control-label" for="valorBuscaRapida">{{{x36}}}</label>
  555 + <div class="input-group">
  556 + <input class="form-control" type="text" value="" name="valorBuscaRapida">
  557 + <span class="input-group-btn">
  558 + <a onclick="i3GEO.busca.inicia(this);return false;" data-templateGoogle="../interface/templates/buscaEmTemas.html" data-inputGoogle="[name=google]"
  559 + data-ondeGoogle=".i3GEOresultadoBuscaGoogle" data-templateTemasMapa="../interface/templates/buscaEmTemas.html" data-inputTemasMapa="[name=temasMapa]"
  560 + data-ondeTemasMapa=".i3GEOresultadoBuscaTemasMapa" data-templateServico="../interface/templates/buscaEmServico.html" data-ondeConteiner="#guia7obj"
  561 + data-inputOndePalavra="[name=valorBuscaRapida]" data-inputServicosExternos="[name=servicosExternos]"
  562 + data-ondeServicosExternos=".i3GEOresultadoBuscaServicos" role="button" type="button" class="btn btn-warning btn-fab btn-fab-max" href="javascript:void(0)">
  563 + <span class="material-icons ">send</span>
  564 + </a>
  565 + </span>
  566 + </div>
  567 + </div>
  568 + <h4>{{{x37}}}:</h4>
  569 + <div class="form-inline" style="width: 100%;">
  570 + <div class="list-group condensed">
  571 + <div class="checkbox text-left">
  572 + <label> <input checked class="noprint" value="on" type="checkbox" value="" name="servicosExternos"> {{{x38}}}
  573 + </label>
  574 + </div>
  575 + </div>
  576 + <div class="list-group condensed">
  577 + <div class="checkbox text-left">
  578 + <label> <input class="noprint" value="on" type="checkbox" name="temasMapa"> {{{x39}}}
  579 + </label>
  580 + </div>
  581 + </div>
  582 + <!-- Apenas para a interface google maps
  583 + <div class="list-group condensed">
  584 + <div class="checkbox text-left">
  585 + <label>
  586 + <input class="noprint" value="on" type="checkbox" name="google">
  587 + <span class="checkbox-material noprint"><span class="check"></span></span> Google
  588 + </label>
  589 + </div>
  590 + </div>
  591 + -->
  592 + </div>
  593 + </form>
  594 + <hr>
  595 + <div class="i3GEOresultadoBuscaServicos"></div>
  596 + <div class="i3GEOresultadoBuscaTemasMapa"></div>
  597 + <div class="i3GEOresultadoBuscaGoogle"></div>
  598 + <div class="alert alert-info" role="alert">{{{x40}}}</div>
  599 + </div>
  600 + </div>
  601 + <!-- Ferramentas -->
  602 + <div data-traduzir="true" id='guia8obj' style='display: none; text-align: left'>
  603 + <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');">
  604 + <button>
  605 + <span class="pull-left">{{{iconeFerramentas}}}</span>
  606 + <span class="pull-right material-icons">cancel</span>
  607 + </button>
  608 + </div>
  609 + <div class="separadorCabecalhoGuias">&nbsp;</div>
  610 + <div class="guiaOverflow">
  611 + <div class="form-inline" style="width: 100%;">
  612 + <div class="text-center form-group" style="margin: 4px;">
  613 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.area();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  614 + <img style="margin-top: 4px;" src="../imagens/gisicons/area-measure.png">
  615 + </a>
  616 + <h6>{{{d21at}}}</h6>
  617 + </div>
  618 + <div class="text-center form-group" style="margin: 4px;">
  619 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.analise.dialogo.distancia();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  620 + <img style="margin-top: 4px;" src="../imagens/gisicons/length-measure.png">
  621 + </a>
  622 + <h6>{{{d21t}}}</h6>
  623 + </div>
  624 + <div class="text-center form-group" style="margin: 4px;">
  625 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.selecao();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  626 + <img style="margin-top: 4px;" src="../imagens/gisicons/select.png">
  627 + </a>
  628 + <h6>{{{d24t}}}</h6>
  629 + </div>
  630 + <div class="text-center form-group" style="margin: 4px;">
  631 + <a onclick="i3GEO.guias.abreFecha('fecha');i3GEO.mapa.dialogo.geolocal();" role="button" class="btn btn-success btn-fab btn-fab-max" href="javascript:void(0)">
  632 + <img style="margin-top: 4px;" src="../imagens/gisicons/layer-gps.png">
  633 + </a>
  634 + <h6>{{{localiza}}}</h6>
  635 + </div>
  636 + </div>
  637 + <div class="clearfix"></div>
  638 + <hr>
  639 + <div id="migalhaFerramentas" data-template="../interface/templates/ferramentasMigalha.html" style='display: block; text-align: left;'></div>
  640 + <div id="listaFerramentasLinks" data-template="../interface/templates/ferramentasLink.html" style='display: block; text-align: left'></div>
  641 + <div id="listaFerramentas" data-template="../interface/templates/ferramentasFolder.html" style='display: block; text-align: left'></div>
  642 + </div>
  643 + </div>
  644 + </div>
  645 + </div>
  646 + </div>
  647 +
  648 +
  649 +
  650 +
  651 + <!-- para mostrar o banner de abertura -->
  652 + <script id="i3GEOlogoMarcaTemplate" type="x-tmpl-mustache">
  653 + <div>
  654 + <table>
  655 + <tr>
  656 + <td>
  657 + <h4 >i3GeoSa&uacute;de - Software livre para cria&ccedil;&atilde;o de mapas
  658 + interativos e geoprocessamento</h4>
  659 + <h4 >Baseado no Mapserver, &eacute; licenciado sob GPL e integra o
  660 + Portal do Software P&uacute;blico Brasileiro</h4>
  661 + </td>
  662 + </tr>
  663 + </table>
  664 +
  665 + <img class="img-thumbnail" src="../../Imagens/novaMarcaLogo.png" style="width:50px">
  666 +
  667 + <div>&nbsp;</div>
  668 + </div>
  669 + </script>
  670 + <script>
  671 + //ativa o banner de inicializacao
  672 + i3GEO.janela.tempoMsg(
  673 + $i("i3GEOlogoMarcaTemplate").innerHTML, 4000);
  674 + (function() {
  675 + //parametros aplicados na criacao do arquivo mapfile
  676 + var parametrosMapa = {
  677 + //arquivo mapfile que servira de base para a criacao do mapa. Por default, sao utilizados os arquivos existentes em i3geo/aplicmap (geral1windows, geral1,...)
  678 + //Essa variavel pode ser definida em ms_configura tambem. Se nao estiver definida em nenhum lugar, o i3Geo tentara descobrir o arquivo adequado a ser utilizado. Voce pode utilizar essa opcao para abrir um mapa com as camadas que voce quiser, mas para evitar redundâncias, prefira o uso de &temasa
  679 + mapfilebase : "",
  680 + //extensao geografica do mapa
  681 + //deve ser definida em coordenadas no formato decimos de grau e na projecao geografica na sequencia xmin ymin xmax ymax
  682 + //exemplo [-77,-26,-30,6]
  683 + mapext : [],
  684 + //perfil utilizado para restringir os menus de temas mostrando apenas os que correspondem a determinado perfil
  685 + perfil : "",
  686 + //layers que serao adicionados ao mapa.
  687 + //Cada layer corresponde ao nome do mapfile existente na pasta i3geo/temas sem a extensao '.map'
  688 + layers : {
  689 + //array com a lista dos layers que serao adicionados e ligados (visiveis)
  690 + add : ["hospitais","hospitais_pa"],
  691 + //array com a lista dos layers que serao adicionados mas nao ligados
  692 + on : ["hospitais","hospitais_pa"],
  693 + //array com os layers desligados
  694 + off : []
  695 + },
  696 + //lista de coordenadas x e y que serao adicionadas como pontos no mapa
  697 + points : {
  698 + //array com a lista de coordenadas
  699 + coord : [],
  700 + //titulo da nova camada
  701 + title : ""
  702 + },
  703 + //lista de coordenadas x e y que serao adicionadas como linhas no mapa
  704 + lines : {
  705 + //array de arrays com a lista de coordenadas de cada linha
  706 + //exemplo [[-54,-12,-50,-12],[-50,-1,-50,-2,-50,-3]]
  707 + coord : [ [] ],
  708 + //titulo da nova camada
  709 + title : ""
  710 + },
  711 + //lista de coordenadas x e y que serao adicionadas como poligonos no mapa
  712 + polygons : {
  713 + //array de arrays com a lista de coordenadas de cada poligono. A primeira coordenada deve ser igual a ultima.
  714 + //exemplo [[-50,-1,-48,-2,-50,-3,-50,-1]]
  715 + coord : [ [] ],
  716 + //titulo da nova camada
  717 + title : ""
  718 + },
  719 + //insere elementos no mapa com coordenadas definidas em wkt
  720 + wkt : {
  721 + //string no formato wkt
  722 + coord : "",
  723 + //titulo da nova camada
  724 + title : ""
  725 + },
  726 + //simbolo que sera utilizado para desenhar os elementos inseridos
  727 + symbol : {
  728 + //codigo do simbolo conforme definido em i3geo/symbols
  729 + name : "",
  730 + //em rgb, exemplo "0 255 0"
  731 + color : "",
  732 + //em pixels
  733 + size : ""
  734 + },
  735 + //arquivo KML que sera incluido no mapa. Valido apenas na interface google maps
  736 + kml : {
  737 + url : ""
  738 + },
  739 + //endereco de um WMS (sera incluido como uma camada no mapa)
  740 + wms : {
  741 + url : "",
  742 + layer : "",
  743 + style : "",
  744 + title : "",
  745 + srs : "",
  746 + imagetype : "",
  747 + version : ""
  748 + },
  749 + //filtros que serao aplicados aos layers. Utilize a expressaso conforme definido na documentacao
  750 + //do mapserver, exemplo
  751 + //{layer: "_lbiomashp",expression: "(('[CD_LEGENDA]'='CAATINGA'))"} ou {layer: "_lbiomashp",expression: "cd_legenda='CAATINGA'"}
  752 + filters : [ {
  753 + layer : "",
  754 + expression : ""
  755 + } ],
  756 + //id de um mapa salvo e que sera recuperado
  757 + restoreMapId : ""
  758 + };
  759 + var config = {
  760 + //id do elemento HTML onde o corpo do mapa sera renderizado
  761 + mapBody : "mapai3Geo",
  762 + //tipo de mapa. Pode ser:
  763 + //OL - utiliza o OpenLayers e coordenadas geograficas
  764 + //OSM - utiliza o OpenLayers e o OpenStreetMap como fundo, em projecao semelhante ao GoogleMaps
  765 + //GM - utiliza o GoogleMaps como motor de controle do mapa
  766 + mapType : "OL",
  767 + //armazena em um cookie a ultima extensao geografica do mapa e utiliza essa extensao quando o mapa for aberto
  768 + saveExtension : true,
  769 + //aplica um filtro de cores apos a renderizacao da imagem de cada camada que compoe o mapa cinza|sepiaclara|sepianormal
  770 + posRenderType : "",
  771 + //Endereco do servidor i3Geo. Utilizado para gerar as requisicoes AJAX
  772 + //Por default e definido como: i3GEO.util.protocolo() + "://" + window.location.host + "/i3geo"
  773 + //Para facilitar as coisas, i3GeoUrl e definida em interface/config.php
  774 + i3GeoServer : i3GeoUrl,
  775 + //opacidade default para camadas que nao sejam do tipo linha ou ponto
  776 + //a opacidade sera aplicada ao objeto HTML e nao ao LAYER original
  777 + //se for vazio, sera utilizado o valor definido no LAYER original
  778 + //Nao se aplica na interface googlemaps
  779 + layerOpacity : "",
  780 + //Funcao que sera executada apos a inicializacao do mapa
  781 + afterStart : function() {
  782 + $('.iconeGuiaMovel').tooltip({
  783 + animation : false,
  784 + trigger : "manual hover",
  785 + placement : "left"
  786 + });
  787 + $('.iconeGuiaMovel').tooltip('show');
  788 + setTimeout(function(){$('.iconeGuiaMovel').tooltip('hide');},5000);
  789 +
  790 + $('.ol-i3GEOcontrols button').tooltip({
  791 + animation : false,
  792 + trigger : "hover",
  793 + placement : "auto",
  794 + template : "<div class='tooltip ' ><div class='tooltip-inner'></div></div>"
  795 + });
  796 +
  797 + $(".guiaOverflow").css("height",
  798 + i3GEO.parametros.h - 60);
  799 + $(".guiaOverflow").mCustomScrollbar({
  800 + scrollbarPosition : "inside",
  801 + theme : "inset-2-dark"
  802 + });
  803 + i3GEO.eventos.adicionaEventos("RESIZE", $(
  804 + ".guiaOverflow").css("height",
  805 + i3GEO.parametros.h - 60));
  806 +
  807 +
  808 + //setTimeout(function() {
  809 + // $('.iconeGuiaMovel').tooltip('destroy');
  810 + //}, 30000);
  811 + //i3GEO.maparef.inicia();
  812 + //
  813 + //(largura, altura, topo, esquerda);
  814 + //i3GEO.mapa.dialogo.locregiao(215, "", 150, 150);
  815 + //i3GEO.mapa.dialogo.metaestat(215, "", 150, 150);
  816 +
  817 + //abre a legenda do mapa em uma janela flutuante
  818 + //i3GEO.legenda.inicia({
  819 + //"idLegenda": "legendaHtml",
  820 + //"templateLegenda": "../interface/templates/legenda.html",
  821 + //"janela": true
  822 + //});
  823 + },
  824 + //parametros de configuracao de diferentes componentes do mapa, como o catalogo de temas, balao de info, etc
  825 + components : {
  826 + //define se ao clicar no mapa sera feita a busca de atributos nas camadas existentes no mapa
  827 + info : true,
  828 + //lista com os codigos dos menus que serao considerados na montagem do catalogo de temas
  829 + idsMenus : [],
  830 + //webservice utilizado na opcao de encontrar lugares
  831 + searchService : "http://mapas.mma.gov.br/webservices/geonames.php",
  832 + //webservice wms que faz a apresentacao do lugar encontrado por searchService
  833 + searchWms : "http://mapas.mma.gov.br/webservices/geonameswms.php",
  834 + //posicao do mapa de referencia, em pixels [top,right]
  835 + referenceMapPosition : [ 4, 120 ],
  836 + //propriedades do balao de informacoes mostrado quando o usuario clica no mapa
  837 + tooltip : {
  838 + //o resultado sera mostrado em uma janela do tipo modal
  839 + modal : false,
  840 + //url que sera utilizada para obter os dados via $.get. Deve estar no mesmo dominio do i3Geo.
  841 + //Ao final da url serao inseridos os parametros &xx=&yy= com valores em decimos de grau
  842 + //use apenas se modal for true
  843 + //exemplo: http://i3geo.saude.gov.br/i3geo/sage_tabelas/odm/odm6.php?
  844 + url : "",
  845 + //template que sera usado para compor o resultado da busca de dados
  846 + //se for vazio, serao utilizadas as outras opcoes
  847 + //se contiver a string {{{url}}} a mesma sera substituida por url
  848 + //exemplo: "<iframe style='width:400px;height:190px;border:0px white solid' src='{{{url}}}'></iframe>"
  849 + templateModal : "",
  850 + //serao mostrados todos os dados ou apenas aqueles definidos na configuracao da camada
  851 + simple : true,
  852 + removeAoAdicionar : true,
  853 + //parametros exclusivos da interface openlayers
  854 + autoPan : true,
  855 + autoPanAnimation : {
  856 + duration : 250
  857 + },
  858 + minWidth : '200px',
  859 + //Altura e largura do tooltip (balao)
  860 + toolTipSize : [ "100px", "200px" ]
  861 + },
  862 + //barra de rolagem - ver plugin jquery https://github.com/malihu/malihu-custom-scrollbar-plugin
  863 + scrollBar : {
  864 + theme : "inset-2",
  865 + axis : "yx",
  866 + scrollbarPosition : "inside",
  867 + scrollButtons : {
  868 + enable : true
  869 + },
  870 + advanced : {
  871 + autoExpandHorizontalScroll : true
  872 + }
  873 + }
  874 + },
  875 + //parametros de configuracao das ferramentas que sao acionadas sob demanda
  876 + //ferramentas localizadas em i3geo/ferramentas
  877 + tools : {
  878 + //ferramenta de busca de camadas em um servico CSW
  879 + buscainde : {
  880 + //endereco do servico no padrao CSW
  881 + csw : "http://www.metadados.inde.gov.br/geonetwork/srv/br"
  882 + },
  883 + //ferramenta de identificacao
  884 + identifica : {
  885 + //resolucao em pixels para busca de elementos
  886 + resolution : 8
  887 + },
  888 + legenda : {
  889 + //define o local onde os templates da ferramenta ficam armazenados
  890 + //esse eh o local default, colocado aqui para documentacao
  891 + templateDir : i3GeoUrl + "/ferramentas/legenda"
  892 + }
  893 + },
  894 + //configuracoes especificas para a interface que utiliza o OpenLayers
  895 + openLayers : {
  896 + //utiliza ou nao tiles ao renderizar as camadas do mapa
  897 + //a utilizacao de tiles pode ser definida em cada camada, mas se essa propriedade for true, a definicao das camadas nao serao consideradas
  898 + singleTile : false,
  899 + //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
  900 + MapOptions : {
  901 + layers : [],
  902 + controls : [ new ol.control.Zoom(),
  903 + new ol.control.ZoomSlider(),
  904 + new ol.control.ScaleLine(),
  905 + new ol.control.Attribution({
  906 + collapsible : true
  907 + }) ],
  908 + loadTilesWhileAnimating : true,
  909 + loadTilesWhileInteracting : true,
  910 + //os objetos devem ser comentados na interface googleMaps
  911 + interactions : [
  912 + new ol.interaction.DoubleClickZoom(),
  913 + new ol.interaction.KeyboardPan(),
  914 + new ol.interaction.KeyboardZoom(),
  915 + new ol.interaction.MouseWheelZoom(),
  916 + new ol.interaction.PinchRotate(),
  917 + new ol.interaction.PinchZoom(),
  918 + new ol.interaction.DragZoom(),
  919 + new ol.interaction.DragPan() ]
  920 + },
  921 + //opcoes para o objeto view, que e uma instancia de MapOptions
  922 + //ver https://openlayers.org/en/latest/apidoc/ol.View.html
  923 + ViewOptions : {
  924 +
  925 + },
  926 + //botoes que sao mostrados no editor vetorial
  927 + editorButtons : {
  928 + 'imprimir' : false,
  929 + 'grid' : false,
  930 + 'pan' : false,
  931 + 'zoombox' : false,
  932 + 'zoomtot' : false,
  933 + 'zoomin' : false,
  934 + 'zoomout' : false,
  935 + 'distancia' : false,
  936 + 'area' : false,
  937 + 'identifica' : false,
  938 + 'linha' : true,
  939 + 'ponto' : true,
  940 + 'poligono' : true,
  941 + 'texto' : true,
  942 + 'edita' : true,
  943 + 'listag' : true,
  944 + 'corta' : true,
  945 + 'apaga' : true,
  946 + 'procura' : false,
  947 + 'selecao' : true,
  948 + 'selecaotudo' : true,
  949 + 'salva' : true,
  950 + 'ajuda' : true,
  951 + 'propriedades' : true,
  952 + 'fecha' : true,
  953 + 'tools' : true,
  954 + 'undo' : false,
  955 + 'frente' : false,
  956 + 'legenda' : false,
  957 + 'rodadomouse' : true,
  958 + 'novaaba' : false
  959 + }
  960 + },
  961 + //configuracoes especificas para a interface GoogleMaps
  962 + googleMaps : {
  963 + //opcoes de inicializacao do mapa conforme definido na API do GoogleMaps
  964 + MapOptions : {
  965 + //estilo que sera utilizado no mapa
  966 + //pode ser um desses: roadmap, satellite, hybrid, terrain, Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
  967 + //ver i3GEO.Interface.googleMaps.ESTILOS
  968 + mapTypeId : "roadmap",
  969 + scaleControl : true,
  970 + mapTypeControl : true,
  971 + mapTypeControlOptions : {
  972 + //position : google.maps.ControlPosition.LEFT_BOTTOM
  973 + },
  974 + zoomControl : true,
  975 + zoomControlOptions : {
  976 + //style : google.maps.ZoomControlStyle.SMALL,
  977 + //position : google.maps.ControlPosition.LEFT_CENTER
  978 + },
  979 + streetViewControl : true,
  980 + streetViewControlOptions : {
  981 + //position : google.maps.ControlPosition.LEFT_CENTER
  982 + }
  983 + }
  984 + }
  985 + };
  986 + //
  987 + //inicia o mapa
  988 + //Veja tambem config.php
  989 + //
  990 + //O primeiro parametro permite alterar o mapa, inserindo camadas e outras definicoes que afetam o corpo do mapa
  991 + //O segundo parametro inclui configuracoes que afetam o funcionamento da interface que controla a visualizacao do mapa
  992 + //
  993 + //caso queira evitar os efeitos do material design, comente a linha abaixo
  994 + //$.material = false;
  995 + i3GEO.init(parametrosMapa, config);
  996 + })();
  997 + </script>
  998 +</body>
  999 +<script defer async src="http://sage.saude.gov.br/lib/barra.php" type="text/javascript"></script>
  1000 +</html>
... ...