Download as
Browse Code »

Commit f7bbc6be81b1d32480dbce57ecd1dcc34d892111

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

inclusão de exemplo de uso da biblioteca heatmap

Showing 1 changed file with 120 additions and 166 deletions   Show diff stats
interface/googlemaps_noite.phtml
  Diff comments   View file @f7bbc6b
... ... @@ -9,141 +9,127 @@ include_once("../ms_configura.php");
9 9 <title>i3GEO - Google Maps</title>
10 10  
11 11 </head>
12   -<body id="i3geo" style="background-color:white">
13   -<!-- inclui o nome do usuario logado -->
14   -<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
15   -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
16   - <tr style="border:0px">
17   - <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
18   - </tr>
19   - <tr>
20   - <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
21   - <!--menu suspenso-->
22   - <div id="menus" ></div>
23   - </td>
24   - </tr>
25   - <tr>
26   - <td style="vertical-align:top;border-width:0px;">
27   - <table width="100%" style="vertical-align:top;border-width:0px">
28   - <tr>
29   - <td class=verdeclaro id=contemImg >
30   - <div id=googlemapsdiv style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
31   - </td>
32   - </tr>
33   - </table>
34   - </td>
35   - </tr>
36   - <tr>
37   - <td>
38   - <table width=100% >
39   - <tr>
40   - <td class=tdbranca >
41   - <!--
42   - Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
43   - <div id=visual ></div>
44   - -->
45   - <!-- bot&atilde;o de compartilhamento em redes sociais -->
46   - <div id=i3GEOcompartilhar style="width:170px;margin:auto;text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
47   - <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
48   - <div id=tempoRedesenho style=z-index:100;position:absolute;top:0px;color:green;background-color:black;width:50px;display:none ></div>
49   - </td>
50   - <td class=tdbranca >
51   - <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
52   - <div id=escala style="margin:auto;text-align:right;" ></div>
53   - </td>
54   - <td class=tdbranca >
55   - <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
56   - <div id=localizarxy style="margin:auto;text-align:left;font-size:10px;display:inline-table"></div>
57   - </td>
58   - <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
59   - <td class=tdbranca >
60   - <div id=seletorIdiomas ></div>
61   - </td>
62   - </tr>
63   - </table>
64   - </td>
65   - </tr>
66   - <tr style="border:0px">
67   - <td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td>
68   - </tr>
69   -</table>
70   -<table id="i3GEOlogoMarca" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
71   - <tr>
72   - <td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><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>
73   - </tr>
74   - <tr>
75   - <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
76   - </tr>
77   - <tr>
78   - <td>
79   - <!--
  12 +<body id="i3geo" style='margin-left: 7px; background: white;'>
  13 + <!-- inclui o nome do usuario logado -->
  14 + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
  15 + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
  16 + <tr>
  17 + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
  18 + <!--menu suspenso-->
  19 + <div id="menus" style="height: 0px;"></div>
  20 + </td>
  21 + </tr>
  22 + <tr>
  23 + <td style="vertical-align: top; border-width: 0px;">
  24 + <table width="100%" style="vertical-align: top; border-width: 0px">
  25 + <tr>
  26 + <td class=verdeclaro id=contemImg>
  27 + <div id=googlemapsdiv style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>
  28 + </td>
  29 + </tr>
  30 + </table>
  31 + </td>
  32 + </tr>
  33 + <tr>
  34 + <td>
  35 + <table style="width: 100%; height: 28px">
  36 + <tr>
  37 + <td class=fundoRodape style="width: 25%">
  38 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  39 + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>
  40 + </td>
  41 + <td class=fundoRodape style="width: 5%"></td>
  42 + <td class=fundoRodape style="width: 40%">
  43 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  44 + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>
  45 + </td>
  46 + <td class=fundoRodape style="width: 20%">
  47 + <!-- bot&atilde;o de compartilhamento em redes sociais-->
  48 + <div id=i3GEOcompartilhar style="width: 170px; margin: auto; text-align: left; padding-top: 1px"></div> <!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  49 + <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
  50 + </td>
  51 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  52 + <td class=fundoRodape style="width: 10%;">
  53 + <div id=seletorIdiomas style="right: 15px;"></div>
  54 + </td>
  55 + </tr>
  56 + </table>
  57 + </td>
  58 + </tr>
  59 + </table>
  60 + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
  61 + <tr>
  62 + <td><div id=versaoi3geo></div>
  63 + <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>
  64 + <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>
  65 + </tr>
  66 + <tr>
  67 + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>
  68 + </tr>
  69 + <tr>
  70 + <td>
  71 + <!--
80 72 <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
81 73 -->
82   - </td>
83   - </tr>
84   -</table>
85   -
86   -<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:1000;background-color:none">
87   - <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' >
88   - <div id="i3GEOguiaMovelMolde" style="position:absolute;display:none;border:0px solid white;text-align:left;z-index:1000;background-color:gray">
89   - <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>
90   - <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'>
91   - <div id='guia1obj' style='display:none;' >
92   - <!-- 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 -->
93   - <div style='left:5px;top:10px;' id=buscaRapida ></div>
94   - <!-- Esta div acrescenta a lista de propriedades do mapa -->
95   - <div id=listaPropriedades style='top:15px;' ></div>
96   - <!-- 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 -->
97   - <div id=listaLayersBase style='top:15px;'></div>
98   - <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
99   - <div id=listaTemas style='top:15px;'></div>
  74 + </td>
  75 + </tr>
  76 + </table>
  77 +
  78 + <div id="i3GEOguiaMovel" style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 1000; background-color: none">
  79 + <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'>
  80 + <div id="i3GEOguiaMovelMolde" style="position: absolute; display: none; border: 0px solid white; text-align: left; z-index: 1000; background-color: gray">
  81 + <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>
  82 + <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'>
  83 + <div id='guia1obj' style='display: none;'>
  84 + <!-- 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 -->
  85 + <div style='left: 5px; top: 10px;' id=buscaRapida></div>
  86 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  87 + <div id=listaPropriedades style='top: 15px;'></div>
  88 + <!-- 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 -->
  89 + <div id=listaLayersBase style='top: 15px;'></div>
  90 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  91 + <div id=listaTemas style='top: 15px;'></div>
  92 + </div>
  93 + <div id='guia2obj' style='display: none;'>
  94 + Aguarde...<img alt="" src="../imagens/branco.gif" width=248 />
  95 + </div>
  96 + <div id='guia4obj' style='display: none; text-align: left'>
  97 + <div id='legenda' style='text-align: left'></div>
  98 + </div>
  99 + <div id='guia5obj' style='display: none; text-align: left'>
  100 + <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div>
  101 + </div>
100 102 </div>
101   - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
102   - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
103   - <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
104 103 </div>
105 104 </div>
106   -</div>
107   -
108   -<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing,geometry"></script>
109   -<script type="text/javascript" src="../classesjs/i3geo6.js"></script>
110   -<script type="text/javascript">
111   -/*
112   -Google Maps
113   -
114   -Abre o i3geo com a navega&ccedil;&atilde;o controlada pelo Google Maps.
115   -
116   -Arquivo: i3geo/interface/googlemaps.phtml
117   -
118   -Exemplo:
119   -
120   -http://localhost/i3geo/interface/googlemaps.phtml
121   -
122   -*/
123   -/*
124   - Indica a localiza&ccedil;&atilde;o correta do i3geo.
125   -
126   - &Eacute; utilizada para identificar o local correto onde est&atilde;o os programas em php que s&atilde;o utilizados.
127   -
128   - Se n&atilde;o for definida, o i3Geo tentar&aacute; encontrar o local automaticamente
129   -*/
130   -//i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
131 105  
  106 + <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing,geometry"></script>
  107 + <script type="text/javascript" src="../classesjs/i3geo6.js"></script>
  108 + <link rel="stylesheet" type="text/css" href="../css/black.css">
  109 + <script type="text/javascript">
132 110 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
133 111 i3GEO.Interface.ATUAL = "googlemaps";
134 112 i3GEO.Interface.IDCORPO = "contemImg";
135 113 i3GEO.configura.diminuixN = 20;
136   -//ativa ou desativa o balao de info ao clicar no mapa
137   -i3GEO.eventos.cliquePerm.ativo = true;
138   -//
139   -i3GEO.cria();
140 114  
141   -/*
142   - Inicializa o mapa
143   -*/
144   -//n&atilde;o mostra o mapa de refer&ecirc;ncia
  115 +i3GEO.configura.oMenuData.submenus["interface"] = [
  116 + { id:"omenudataInterface0a",text: '<span style=color:gray;text-decoration:underline; ><b>'+$trad("d27")+'</b></span>',url: "#"},
  117 + { id:"omenudataInterface2",text: "OpenLayers", url: "javascript:window.location = i3GEO.configura.locaplic+'/interface/black_ol.htm?'+i3GEO.configura.sid" },
  118 + { id:"omenudataInterface2a",text: "OpenLayers OSM", url: "javascript:window.location = i3GEO.configura.locaplic+'/interface/black_osm.htm?'+i3GEO.configura.sid" },
  119 + { id:"omenudataInterface4",text: "Google Maps", url: "javascript:window.location = i3GEO.configura.locaplic+'/interface/black_gm.phtml?'+i3GEO.configura.sid" },
  120 + { id:"omenudataInterface5",text: "Google Earth", url: "javascript:window.location = i3GEO.configura.locaplic+'/interface/googleearth.phtml?'+i3GEO.configura.sid" },
  121 + { id:"omenudataInterface0b",text: '<span style=color:gray;text-decoration:underline; ><b>'+$trad("u27")+'</b></span>',url: "#"},
  122 + { id:"omenudataInterface6",text: $trad("u21"), url: "javascript:var w = window.open(i3GEO.configura.locaplic+'/geradordelinks.htm')" },
  123 + { id:"omenudataInterface7",text: "Servi&ccedil;os WMS", url: "javascript:var w = window.open(i3GEO.configura.locaplic+'/ogc.htm')" },
  124 + { id:"omenudataInterface9",text: "Download de dados", url: "javascript:var w = window.open(i3GEO.configura.locaplic+'/datadownload.htm')" },
  125 + { id:"omenudataInterface11",text: $trad("p20"), url: "javascript:i3GEO.mapa.dialogo.telaRemota()" }
  126 +];
  127 +
  128 +i3GEO.configura.autotamanho = false;
  129 +i3GEO.Interface.openlayers.TILES = true;
  130 +i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
  131 +i3GEO.cria();
145 132 i3GEO.configura.mapaRefDisplay = "none";
146   -//tipo de barra de bot&otilde;es
147 133 i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
148 134 //ajusta o deslocamento da barra de botoes
149 135 i3GEO.barraDeBotoes.OFFSET = 11;
... ... @@ -151,55 +137,24 @@ i3GEO.barraDeBotoes.OFFSET = 11;
151 137 if(navm){
152 138 i3GEO.barraDeBotoes.OFFSET = 5;
153 139 }
154   -//i3GEO.barraDeBotoes.INCLUIBOTAO.barraedicao = false;
155   -//ajusta a posi&ccedil;&atilde;o da barra de bot&otilde;es no IE
156   -//if(navm)
157   -//{i3GEO.barraDeBotoes.OFFSET = -45;}
158   -
159   -//n&uacute;mero m&aacute;ximo de bot&otilde;es na barra de bot&otilde;es inicial
160   -//i3GEO.barraDeBotoes.MAXBOTOES = 10;
161   -//remove itens dos menus que n&atilde;o s&atilde;o necess&aacute;rios, j&aacute; que est&atilde;o como &iacute;cones na barra de bot&otilde;es
162 140 i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
163   -i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
164   -
165   -//barra de botoes normal. descomente para usar
166   -/*
167   -i3GEO.barraDeBotoes.TIPO = "yui";
168   -i3GEO.barraDeBotoes.AUTOALTURA = false;
169   -i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = false;
170   -i3GEO.barraDeBotoes.PERMITEFECHAR = true;
171   -i3GEO.barraDeBotoes.PERMITEDESLOCAR = true;
172   -i3GEO.barraDeBotoes.AUTO = true;
173   -i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja";
174   -i3GEO.Interface.BARRABOTOESLEFT = 80;
175   -i3GEO.Interface.BARRABOTOESTOP = 20;
176   -*/
  141 +i3GEO.ajuda.ATIVAJANELA = false;
177 142 i3GEO.idioma.IDSELETOR = "seletorIdiomas";
178   -i3GEO.Interface.ATIVAMENUCONTEXTO = true;
  143 +i3GEO.Interface.ATIVAMENUCONTEXTO = false;
179 144 //i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
180   -
181   -//para evitar a entrada de coment&aacute;rios na &aacute;rvore de camadas, modifique a op&ccedil;&atilde;o de cada tema individualmente no sistema de administra&ccedil;&atilde;o
182   -i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentario = true;
183   -i3GEO.mapa.AUTORESIZE = true;
  145 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
  146 +i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
184 147 i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
  148 +i3GEO.mapa.AUTORESIZE = true;
185 149 i3GEO.guias.TIPO = "movel";
186   -//posi&ccedil;&atilde;o da guia movel em rela&ccedil;&atilde;o ao topo do mapa. Se for igual a 0, o c&aacute;lculo ser&aacute; feito de forma autom&aacute;tica
187   -i3GEO.guias.guiaMovel.config.topGuiaMovel = 0;
  150 +i3GEO.guias.guiaMovel.config.topGuiaMovel = 36;
  151 +i3GEO.janela.ativaAlerta();
188 152  
189   -i3GEO.ajuda.ATIVAJANELA = false;
190   -//
191   -//define a funcao que sera executada ao clicar no mapa
192   -//default (balao do tipo etiqueta)
193   -i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoTip];
194   -//alternativo (janela de identificacao
195   -//i3GEO.eventos.MOUSECLIQUEPERM = [i3GEO.configura.funcaoIdentifica];
196   -//
  153 +//i3GEO.Interface.googlemaps.TIPOMAPA = "satellite";
  154 +
  155 +i3GEO.arvoreDeTemas.OPCOESADICIONAIS.navegacaoDir = true;
  156 +i3GEO.janela.TRANSICAOSUAVE = true;
197 157  
198   -//
199   -//substitui a janela de alerta normal do navegador por uma janela estilizada. Pode ser comentado sem problemas.
200   -//
201   -i3GEO.janela.ativaAlerta();
202   -//esconde a logomarca ao finalizar o mapa
203 158 i3GEO.finaliza = function(){
204 159 if($i("i3GEOlogoMarca")){
205 160 $i("i3GEOlogoMarca").style.display = "none";
... ... @@ -207,7 +162,6 @@ i3GEO.finaliza = function(){
207 162 i3GEO.mapa.insereDobraPagina("openlayers","../imagens/dobraopenlayers.png");
208 163 }
209 164 i3GEO.finalizaAPI = function(){
210   - //alert("oi");
211 165 }
212 166 //altera o estilo do google maps
213 167 //Estilos pre-definidos Red, Countries, Night, Blue, Greyscale, No roads, Mixed, Chilled
... ...