Download as
Browse Code »

Commit 67f135ccfe51787b6cff7c646beff65ad0772ea6

Authored by Edmar Moretti
1 parent eccf74dd
Exists in master

-

Showing 1 changed file with 110 additions and 87 deletions   Show diff stats
interface/carto_ol.htm
  Diff comments   View file @67f135c
  1 +
  2 +
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd"> 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html> 4 <html>
3 <head> 5 <head>
4 -<meta http-equiv="Category" content="i3Geo Mapa interativo Cartogramas Estatistica geoprocessamento sig mobile"> 6 +<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"> 7 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
6 -  
7 -<title>i3GEO - Cartogramas com OpenLayers</title>  
8 -<style>  
9 -.olControlEditingToolbar1 div {  
10 - background-image:url(../mashups/openlayers.png);  
11 - background-repeat:no-repeat;  
12 - float:right;  
13 - right: 0px;  
14 - height:29px;  
15 - margin:2px;  
16 - width:29px;  
17 - cursor:pointer;  
18 -}  
19 -</style> 8 +<title>i3GEO - OpenLayers</title>
20 </head> 9 </head>
21 -<body id="i3geo" style="background-color:white">  
22 -<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>  
23 -<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>  
24 - <tr style="border:0px">  
25 - <td id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>  
26 - </tr>  
27 - <tr>  
28 - <td id="contemMenu" style="text-align:right;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">  
29 - <div id="menus" ></div>  
30 - </td>  
31 - </tr>  
32 - <tr>  
33 - <td style="vertical-align:top;border-width:0px;">  
34 - <table width="100%" style="vertical-align:top;border-width:0px">  
35 - <tr>  
36 - <td class=verdeclaro id=contemImg >  
37 - <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>  
38 - </td>  
39 - </tr>  
40 - </table>  
41 - </td>  
42 - </tr>  
43 - <tr>  
44 - <td>  
45 - <table width=100% >  
46 - <tr>  
47 - <td class=tdbranca >  
48 - <div id=i3GEOcompartilhar style="width:170px;margin:auto;text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>  
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 - <td class=tdbranca >  
52 - <div id=escala style="text-align:right;" ></div>  
53 - </td>  
54 - <td class=tdbranca >  
55 - <div id=localizarxy style="margin:auto;text-align:left;font-size:10px;display:inline-table"></div>  
56 - </td>  
57 - <td class=tdbranca >  
58 - <div id=seletorIdiomas ></div>  
59 - </td>  
60 - </tr>  
61 - </table>  
62 - </td>  
63 - </tr>  
64 - <tr style="border:0px">  
65 - <td id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td>  
66 - </tr>  
67 -</table>  
68 -<table id="i3GEOlogoMarca" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>  
69 - <tr>  
70 - <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>  
71 - </tr>  
72 - <tr>  
73 - <td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>  
74 - </tr>  
75 -</table> 10 +<body id="i3geo" style='margin-left: 7px; background: white;'>
  11 + <!-- inclui o nome do usuario logado -->
  12 + <div id="i3GEONomeLogin" style="position: absolute; left: 10px; top: 12px; font-size: 11px; z-index: 50000"></div>
  13 + <table id='mst' summary="" style='display: none;' width=100% cellspacing='0'>
  14 + <tr>
  15 + <td id="contemMenu" style="background: black; height: 30px; text-align: right; border-width: 0pt 0pt 1px; border-color: rgb(240, 240, 240)">
  16 + <!--menu suspenso-->
  17 + <div id="menus" style="height: 0px;"></div>
  18 + </td>
  19 + </tr>
  20 + <tr>
  21 + <td style="vertical-align: top; border-width: 0px;">
  22 + <table width="100%" style="vertical-align: top; border-width: 0px">
  23 + <tr>
  24 + <td class=verdeclaro id=contemImg>
  25 + <div id=corpoMapa style="position: relative; background-image: url('../imagens/i3geo1bw.jpg');"></div>
  26 + </td>
  27 + </tr>
  28 + </table>
  29 + </td>
  30 + </tr>
  31 + <tr>
  32 + <td>
  33 + <table style="width: 100%; height: 28px">
  34 + <tr>
  35 + <td class=fundoRodape style="width: 25%">
  36 + <!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
  37 + <div id=escala style="margin: auto; text-align: right; left: 15px;"></div>
  38 + </td>
  39 + <td class=fundoRodape style="width: 5%"></td>
  40 + <td class=fundoRodape style="width: 40%">
  41 + <!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
  42 + <div id=localizarxy style="margin: auto; text-align: left; font-size: 10px; display: inline-table"></div>
  43 + </td>
  44 + <td class=fundoRodape style="width: 20%">
  45 + <!-- bot&atilde;o de compartilhamento em redes sociais-->
  46 + <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 -->
  47 + <div id=tempoRedesenho style="z-index: 100; position: absolute; top: 0px; color: green; background-color: black; width: 50px; display: none"></div>
  48 + </td>
  49 + <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
  50 + <td class=fundoRodape style="width: 10%;">
  51 + <div id=seletorIdiomas style="right: 15px;"></div>
  52 + </td>
  53 + </tr>
  54 + </table>
  55 + </td>
  56 + </tr>
  57 + </table>
  58 + <table id="i3GEOlogoMarca" style='margin: 0px auto; box-shadow: 0 1px 13px gray; border-radius: 5px;'>
  59 + <tr>
  60 + <td style="height: 30px"><div id=versaoi3geo></div>
  61 + <h2 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2>
  62 + <h3 style="font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
  63 + </tr>
  64 + <tr>
  65 + <td style="padding: 10px;"><img style="width: 560px; height: 81px" alt="" src='../imagens/logo_inicio.png'></td>
  66 + </tr>
  67 + <tr>
  68 + <td>
  69 + <!--
  70 + <script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
  71 + -->
  72 + </td>
  73 + </tr>
  74 + </table>
76 75
77 -<div id="i3GEOguiaMovel" style="position:absolute;display:block;border:0px solid white;text-align:left;z-index:2000;background-color:none">  
78 - <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' >  
79 - <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">  
80 - <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>  
81 - <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'>  
82 - <div id='guia1obj' style='display:none;' >  
83 - <div style='left:5px;top:10px;' id=buscaRapida ></div>  
84 - <div id=listaPropriedades style='top:15px;' ></div>  
85 - <div id=listaLayersBase style='top:15px;'></div>  
86 - <div id=listaTemas style='top:15px;'></div> 76 + <div id="i3GEOguiaMovel" style="position: absolute; display: block; border: 0px solid white; text-align: left; z-index: 2000; background-color: none">
  77 + <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'>
  78 + <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">
  79 + <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>
  80 + <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'>
  81 + <div id='guia1obj' style='display: none;'>
  82 + <!-- 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 -->
  83 + <div style='left: 5px; top: 10px;' id=buscaRapida></div>
  84 + <!-- Esta div acrescenta a lista de propriedades do mapa -->
  85 + <div id=listaPropriedades style='top: 15px;'></div>
  86 + <!-- 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 -->
  87 + <div id=listaLayersBase style='top: 15px;'></div>
  88 + <!-- Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
  89 + <div id=listaTemas style='top: 15px;'></div>
  90 + </div>
  91 + <div id='guia2obj' style='display: none;'>
  92 + Aguarde...<img alt="" src="../imagens/branco.gif" width=248 />
  93 + </div>
  94 + <div id='guia4obj' style='display: none; text-align: left'>
  95 + <div id='legenda' style='text-align: left'></div>
  96 + </div>
  97 + <div id='guia5obj' style='display: none; text-align: left'>
  98 + <div id='banners' style='overflow: auto; text-align: left'>Aguarde...</div>
  99 + </div>
87 </div> 100 </div>
88 - <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>  
89 - <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>  
90 </div> 101 </div>
91 </div> 102 </div>
92 -</div>  
93 -<script src="../classesjs/i3geo.js"></script>  
94 -<script id="i3GEOF.metaestat_script" src="../ferramentas/metaestat/index.js"></script>  
95 -<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>  
96 - 103 + <style>
  104 + .olControlEditingToolbar1 div {
  105 + background-image: url(../mashups/openlayers.png);
  106 + background-repeat: no-repeat;
  107 + float: right;
  108 + right: 0px;
  109 + height: 29px;
  110 + margin: 2px;
  111 + width: 29px;
  112 + cursor: pointer;
  113 + top: 10px;
  114 + }
  115 + </style>
  116 + <script src="../classesjs/i3geo.js"></script>
  117 + <script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
  118 + <script id="i3GEOF.metaestat_script" src="../ferramentas/metaestat/index.js"></script>
  119 + <link rel="stylesheet" type="text/css" href="../css/black.css">
97 <script> 120 <script>
98 /* 121 /*
99 Interface para gera&ccedil;&atilde;o de cartogramas com Openlayers 122 Interface para gera&ccedil;&atilde;o de cartogramas com Openlayers